單擊事件時切換md-button類

Question

我想使用按鈕作為選擇器，我在click事件上具有切換功能，以從按鈕單擊中獲取值，現在我要做的是向用戶顯示按鈕已被選擇。 那就是我想在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希望在這里為您提供更多幫助。