javascript - 在状态更改按钮颜色更改angularjs

Question

我有灰色按钮，我需要用两种状态来实现它，一种用于选定状态(蓝色)，另一种用于空闲状态(灰色)。我正在研究 Angularjs。我是这个平台的新手。

请提供带有输出的教程或示例代码。

Answer 1

您可能会提供一个可以添加到按钮的类，例如“已选择”。接下来是在选择此按钮时翻转一个变量:

$scope.isSelected = true;

现在在按钮上使用 `ng-class:

<button ng-class="{'selected':isSelected}"></button>

基本上，当 isSelected 为真时，添加类 selected。

编辑工作fiddle传达这个实现