ng-class 不适用于 ng-disabled答案

【问题标题】：ng-class not working with ng-disabledng-class 不适用于 ng-disabled
【发布时间】：2015-12-13 04:55:22
【问题描述】：

我是 angularJS 的新手，我想在按钮被禁用时更改它的 CSS，这是我的代码：

<button ng-hide="spot_id" class="btn ripple" ng-click="Activity()" style=" padding: 4px 12px 4px 12px; color: white;background-color: #00C18B;"  ng-disabled="!name" ng-class="{'select':!name }">Add</button>

在css中我有

.select{
background-color:red;
}

【问题讨论】：

你的控制器呢？
:disabled 的 css 非常简单，与角度无关。一个简单的网络搜索就可以解决您的问题。如果另一个选择器已经在设置该属性，您当前的 css 选择器也可能不够具体

标签： css angularjs ng-class

【解决方案1】：

您应该将变量 name 添加到您可以设置它的控制器中的范围内。这是初学者学习角度基础知识的好教程： https://docs.angularjs.org/tutorial/step_02

【讨论】：

【解决方案2】：

拥有ng-class={name} 可能会有所帮助。然后在您的控制器中，将name 设置为您想要禁用的CSS 类名，例如$scope.name = 'buttonDisabled'。您的 CSS 还必须使用 buttonDisabled 作为名称。

【讨论】：