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

Question

我有一个SAVE按钮，当表单是原始状态时被禁用。我希望它在原始时说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}">

Answer 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';
}