使用角js动态更改按钮颜色

Question

我有两个绿色和红色的按钮。我想换一下按钮的颜色。假设如果我点击红色按钮，绿色按钮变成灰色。同样的，当我点击绿色按钮时，红色按钮会改变灰色。我怎样才能在角度上实现js？

Answer 1

请查看工作示例：http://plnkr.co/edit/DHQr4AMhBkQsgG4GwrB4?p=preview

控制器

var app = angular.module('plunker', []);
app.controller('MainCtrl', function($scope) {
  $scope.click = '';
});

HTML

<button ng-click="click = 'red'" ng-class="{'red': click == 'red' || click == '', 'grey': click == 'green'}"> RED</button>
<button  ng-click="click = 'green'" ng-class="{'green': click == 'green' || click == '', 'grey': click == 'red'}">GREEN</button>

CSS

.grey {
  background-color :#808080;
}

.red {
  background-color :#FF0000;
}
.green {
  background-color :#008000;
}