如何使用AngularJS 1.x在Angular Material中使用我自己的调色板来获取ng-disabled的默认行为?

时间:2017-02-15 10:44:10

标签: angularjs angular-material

我使用自己的调色板在我应用的某个部分的某些按钮中设置一些特殊颜色。因此,当我使用默认的palete和md-primary时,如果我设置ng-disabled=true按钮变得不可点击并且颜色设置为灰色。问题是当我使用myown调色板时,如果我使用ng-disabled=true我不能按下按钮但颜色没有改变,我希望这种情况发生。

这是一个使用示例:

<md-button
        ng-disabled="true"
        ng-click="..."
        class="md-icon-button">
    <md-icon ng-if="..." md-colors="{'color': 'specialpalette-pastelGreen'}" >
        check_circle
    </md-icon>
    <md-icon ng-if="..." md-colors="{'color': 'specialpalette-pastelRed'}">
        cancel
    </md-icon>
</md-button>

1 个答案:

答案 0 :(得分:0)

一种解决方案是在ng-class中配置:ng-disabled="classEnabled==false" ng-class="{'diabled-class': !classEnabled}",我不确定是否有任何方法可以自定义禁用的颜色。