在click事件上切换md-button类

Question

我想使用按钮作为选择器，我在点击事件上有一个切换功能以从按钮点击获取值，现在我想要做的是向用户显示按钮被选中。那就是我想在md-primary和md-warn之间切换类。

这是我的按钮

<md-button  class="md-fab" ng-click="getTime(0);" 
  value="0" aria-label="midnight" ng-class="{'active': 
  variable,'disable': !variable}">0</md-button>

这是控制器部分

 $scope.getTime = function (value) {
        $scope.variable = !$scope.variable;
        if($scope.variable){
            console.log(value);
        }
    };

Answer 1

更新ng-class，如下所示：

<md-button  class="md-fab" ng-click="getTime(0);" 
  value="0" aria-label="midnight" ng-class="{'md-primary': 
  variable,'md-warn': !variable}">0</md-button>

还要确保将ngMaterial添加到您的应用模块相关性

这里工作Plunkr希望它能让你更清楚。