Question

我正在制作一个简单的程序，如果一个人输入单词'alpha'，表单将获得其所有元素状态 ng-prestine / ng-touching / ng-valid / ng-invalid 全部到他们的初始状态。我想我正在做的但是在控制台中出错了。

HTML

<html>
<head>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.8/angular.min.js"></script>
</head>
<body ng-app="myApp" ng-controller="myCtrl">
<form name="form1">
    <input type="text" ng-model="person">{{person}}
    <button ng-click="click()">Click</button>
</form>
<script>
//Module Declaration
var app = angular.module('myApp',[]);
//Controller Declaration
app.controller('myCtrl',function($scope){
    $scope.click = function(){
        if ($scope.person = "alpha"){
            form1.$rollbackViewValue();
        }
    }

});
</script>
</body>
</html>

错误

参考

https://docs.angularjs.org/api/ng/type/form.FormController

有人可以帮帮我吗？

Answer 1

表单form1不是控制器中定义的变量。您必须使用$scope.form1.$...

但请注意，$rollbackViewValue可能无法达到您的预期。您可以更轻松地手动设置表单所需的状态。

$ rollbackViewValue（） - 设置表单的初始状态 - AngularJs

1 个答案: