将ng-disabled显示为已启用

Question

我已经使用ng-disabled禁用了一个元素，但是我想要禁用该按钮，但使其显示为仍然启用了该按钮。有可能吗？

这是我禁用按钮的方法 -

<button class="button button-block button-assertive"  
        ng-click="disable()" 
        ng-disabled="isDisabled" 
        ng-model="isDisabled">
    <div style="text-align:center;">Register</div>
</button>

Answer 1

如果您希望它只显示为仍然启用，您只需更改按钮的类，具体取决于isDisabled值：

<button class="button button-block button-assertive" ng-class="{'class-one' : isDisabled}" 
        ng-click="disable()" 
        ng-disabled="isDisabled" 
        ng-model="isDisabled">
    <div style="text-align:center;">Register</div>
</button>

以下是关于ng-class的文档：

https://docs.angularjs.org/api/ng/directive/ngClass