AngularJS - 从表单验证/脏中排除字段

Question

我在ng-form 内有一个checkbox 被HTML5 form 敲击，我想排除它，这样它就不会改变我的表单$state（$pristine 或$dirty）。

我尝试过使用 ignoreDirty 指令 - Angular 1.2: Is it possible to exclude an input on form dirty checking?

还有一些其他解决方案，在HTML5 form 内没有一个适用于ng-form，一些示例代码：

<form name="mainForm" class="col-xs-10 form-validation" novalidate>
  <ng-form name="innerForm">
    <div>
      <span>check my
        <span ng-if="vm.utils.mode!=='readonly'">
          <input type="checkbox" 
                 ng-model="vm.utils.amalotSecond" 
                 class="secondYearCheckBox">
        </span>
      </span>
    </div>
  </ng-form>
<form>

Answer 1

您提供的ignoreDirty 指令可以正常工作，就像在此demo fiddle 中一样。以下代码示例取自 angular-1-2-is-it-possible-to-exclude-an-input-on-form-dirty-checking。还要尽量避免使用不符合 HTML 的嵌套表单。 form 元素不能有元素 form。这将导致问题和错误，例如你现在面对的那个。

查看

<div ng-controller="MyCtrl">
  <form name="test">
    Watching dirty: <input ng-model="name"  /><br />
    Ignoring dirty: <select ng-model="gender" ignore-dirty>
      <option>male</option>
      <option>female</option>
    </select><br />
    dirty: {{test.$dirty}}
  </form>
</div>

AngularJS 应用程序

var myApp = angular.module('myApp',[]);

myApp.controller('MyCtrl', function ($scope) {
    $scope.name = 'Superhero';
});

myApp.directive('ignoreDirty', [function() {
    return {
    restrict: 'A',
    require: 'ngModel',
    link: function(scope, elm, attrs, ctrl) {
      ctrl.$setPristine = function() {};
      ctrl.$pristine = false;
    }
  }
}]);