ng-class

时间:2016-11-10 15:46:52

标签: angularjs ng-class

写这个可以吗?

<button href="#" ng-class="{'disabled' : form.mail.$invalid && form.firstName.$invalid }"></button>

我认为这是对的,但它不起作用。我有一个表单,如果这些条件不合适,我需要禁用“发送”按钮。

如果我只写一个条件,那就有效。

2 个答案:

答案 0 :(得分:2)

您可以根据自己的条件使用()

ng-class="{'disabled': (form.mail.$invalid && form.firstName.$invalid)}"

<强> JSFiddle for demo

作为旁注,据我所知,您的代码应运行良好。

答案 1 :(得分:1)

您应该使用正确的表达式将ng-disabled属性传递给按钮。没有看到你的代码,有些东西:

<button ng-disabled="form.mail.$invalid && form.firstName.$invalid ">... </button>