在状态更改angularjs上更改按钮颜色

Question

我有灰色按钮，我需要实现2个状态，一个用于选择（蓝色），另一个用于空闲状态（灰色）。我正在研究Angularjs。我是这个平台的新手。

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

Answer 1

您可能会提供一个可以添加到按钮的课程，例如＆＃34;选择＆＃34;。接下来将在选择此btn时翻转变量：

$scope.isSelected = true;

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

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

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

编辑：工作fiddle传达此实施