AngularJS 如何在点击后禁用按钮

Question

您好，我有一个表单，其中包含一些输入，例如电子邮件、标题、颜色...

我有 2 个按钮“保存”和“撤消更改”。

我需要这个按钮总是被禁用接受，如果有什么改变了。例如，我开始更改电子邮件，然后我考虑了。当我输入新的电子邮件按钮时应该启用，但在点击其中一个按钮后它们应该再次被禁用。

<form name="form" ng-submit="change()" novalidate>
    <input type="text" ng-model="title"/>
    <input type="email" name="email" ng-model="email" placeholder="{{email}}" />
    <input type="color" ng-model="color"/>

    <button type="submit" ng-disabled="!form.$dirty">SAVE</button>
    <a ng-click="cancel()" ng-disabled="!form.$dirty">UNDO CHANGES</a>
</form>

我怎样才能在点击其中一个按钮后再次禁用它们？

Answer 1

调用$scope.form.$setPristine()取消所有脏标志:

function TodoCtrl($scope) {

    $scope.change = function() {
        $scope.form.$setPristine();
    }

    $scope.cancel = function() {
        $scope.form.$setPristine();
    }
}

示例:http://jsfiddle.net/ej5et0f5/1/