2017-12-28 36 views
0

버튼을 선택기로 사용하고 싶습니다. 클릭 이벤트에서 토글 기능을 사용하여 버튼 클릭에서 값을 가져오고 싶습니다. 이제 사용자에게 버튼이 선택됩니다. 그것은 md-primary와 md-warn 사이에서 클래스를 토글하고 싶습니다.클릭 이벤트에서 md 버튼 클래스 토글

<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을 추가해야합니다 :

이 컨트롤러 부분

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

[tag : angularjs-material] 태그를 사용하십시오. – Edric

답변

0

에게 갱신 ng-class입니다 아래 같은

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

내 버튼입니다

여기가 작동 중입니다. Plunkr 당신이 더 분명하게 보이기를 바랍니다.

+0

Worked! 고맙습니다 –