Angular.js以编程方式将表单字段设置为脏

Question

我以编程方式更新我的表单上的一些字段与值,我想将字段状态设置为$dirty.做类似的事情:

$scope.myForm.username.$dirty = true; 似乎不起作用.

有一种方法$setPristine可以用来重置字段的状态但是没有$setDirty方法吗？

那么如何去做呢？

我看到这篇文章https://groups.google.com/forum/#!topic/angular/NQKGAFlsln4但我似乎无法找到该$setDirty方法.我使用的是Angular 1.1.5版.

Answer 1

在你的情况下,$scope.myForm.username.$setViewValue($scope.myForm.username.$viewValue);诀窍 - 它使表单和字段都变脏,并附加适当的CSS类.

说实话,我从你问题的链接中找到了主题中新帖子的解决方案.它对我来说非常合适,所以我把它放在这里作为一个独立的答案,以便更容易找到.

编辑:

以上解决方案最适用于1.3.3的Angular版本.与1.3.4开始,你应该使用新暴露的API方法$setDirty()从ngModel.NgModelController.

Answer 2

从AngularJS 1.3.4开始,您可以$setDirty()在字段(源)上使用.例如,对于每个有错误且标记为必需的字段,您可以执行以下操作:

angular.forEach($scope.form.$error.required, function(field) {
    field.$setDirty();
});

Answer 3

你将不得不手动设置$dirty来true并$pristine到false田间.如果希望类出现在输入中,则必须手动添加ng-dirty和删除ng-pristine元素中的类.您可以$setDirty()在表单级别上使用表单本身上的所有这些,但不是表单输入,表单输入当前没有$setDirty()您提到的.

这个答案可能在将来发生变化,因为它们应该增加$setDirty()输入,似乎是合乎逻辑的.

Answer 4

如果您有权访问NgModelController(您只能从指令访问它),那么您可以调用

ngModel.$setViewValue("your new view value");
// or to keep the view value the same and just change it to dirty
ngModel.$setViewValue(ngModel.$viewValue);

Answer 5

为你解决这个问题的jsFiddle.只需将$ dirty设置为true,但是$timeout 0在加载DOM之后运行它就会运行.

在这里找到它:JsFiddle

$timeout(function () {
  $scope.form.uName.$dirty = true;
}, 0);

Answer 6

这对我有用

$scope.form_name.field_name.$setDirty()

Answer 7

你可以使用$setDirty();方法.请参阅文档https://docs.angularjs.org/api/ng/type/form.FormController

例:

$scope.myForm.$setDirty();

Answer 8

帮助函数完成工作:

function setDirtyForm(form) {
    angular.forEach(form.$error, function(type) {
        angular.forEach(type, function(field) {
            field.$setDirty();
        });
    });
    return form;
}