当使用 AngularJS 禁用按钮时，如何更改按钮的文本？

【问题标题】：How can I change the text of a button when it is disabled using AngularJS?当使用 AngularJS 禁用按钮时，如何更改按钮的文本？
【发布时间】：2015-04-10 03:04:21
【问题描述】：

我有一个保存按钮，当表单处于原始状态时该按钮被禁用。我希望它在原始时说 SAVED，然后在表单脏时更改为 SAVE。除了按钮的文本更改外，工作正常。代码如下：

     <input type="button" value="SAVED" class="button success radius expand" ng-click="save(form)" ng-disabled="!signupform.$dirty" ng-class="{disabled:!signupform.$dirty}">

【问题讨论】：

原始 vs 肮脏是什么意思？
表格不是原始的就是脏的。
为什么是-1？ $pristine 和 $dirty 是有效的 angularjs 属性。 docs.angularjs.org/api/ng/type/form.FormController#$pristine

标签： javascript angularjs forms

【解决方案1】：

如果你想内联，就这样做：

<input type="button" value="{{(signupform.$dirty)? 'save' : 'saved'}}" class="button success radius expand" ng-click="save(form)" ng-disabled="!signupform.$dirty" ng-class="{disabled:!signupform.$dirty}">

您还可以在控制器中创建一个函数来返回文本。如果您的逻辑较大（针对各种特定情况的不同文本），这可能会很有用。

html

     <input type="button" value="{{getInputText()}}" class="button success radius expand" ng-click="save(form)" ng-disabled="!signupform.$dirty" ng-class="{disabled:!signupform.$dirty}">

控制器：

function getInputText(form) {
    return (form.$dirty)? 'save' : 'saved';
}

【讨论】：