ng-class不使用ng-disabled

Question

我是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;
}

Answer 1

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

Answer 2

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