是否有可能更改角度材料禁用的活動mdSwitch的顏色？

Question

我正在使用Angular Material md-switch。在文檔中，當啓用開關時它顯示一些不同的顏色。但是我需要一個功能，如改變開關的顏色，當它在已禁用活動。請幫助我實現這一目標。提前致謝。

<md-switch aria-label="Switch 11" ng-class="{'md-checked':database.somevalue.value['alarm']}" 
 
      ng-disabled="true"> Alarm 
 
</md-switch>

Answer 1

在這裏你去 -​​

CSS

md-switch[disabled].activeDisabled .md-container > div 
{ 
    cursor: default; 
    background: lightgreen; 
} 

md-switch[disabled].activeDisabled .md-container > div > div 
{ 
    background: green; 
} 

標記

<div ng-controller="SwitchDemoCtrl" ng-cloak="" ng-app="MyApp"> 
    <md-switch ng-class="{activeDisabled: data.cb1}" ng-disabled="true" aria-label="Disabled active switch" ng-model="data.cb1"> 
    Switch (Disabled, Active) 
    </md-switch> 

    <md-switch ng-class="{activeDisabled: data.cb2}" ng-disabled="true" aria-label="Disabled active switch" ng-model="data.cb2"> 
    Switch (Disabled, Active) 
    </md-switch> 

    <md-switch ng-class="{activeDisabled: data.cb3}" ng-disabled="true" aria-label="Disabled active switch" ng-model="data.cb3"> 
    Switch (Disabled, Active) 
    </md-switch> 
</div> 

JS

angular.module('MyApp',['ngMaterial']) 
.controller('SwitchDemoCtrl', function($scope) { 
    $scope.data = { 
    cb1: true, 
    cb2: false, 
    cb3: false 
    }; 
}); 

Answer 2

可以使用手錶方法，在角度，監視着NG-模型變量以限定在其內部的邏輯。