javascript - angularjs:在表单验证期间忽略输入

Question

我有一个包含许多由 AngularJS 验证的输入字段的表单。

如何才能忽略其中之一的验证？它仅用作用户输入值并向网格(表单的一部分)添加行的商品。

 <input type="text" ng-model="url" >
 <button class="btn btn-primary btn-xs" ng-click="addUrl();">+</button>

在上面的代码中，用户在 input 中输入一些文本，然后点击 + 按钮。问题是在提交表单时输入由 AngularJS 验证，这不是我想要的。

我已经尝试将 ng-non-bindable 添加到输入中。那行得通，但是我显然无法绑定(bind)“url”属性....

解决这个问题的方法是什么？

Answer 1

您可以在指令链接函数中注入(inject)表单 Controller ，并像这样从验证中删除输入:

app.directive('customInput', function(){
  return {
    template: '<input>',
    restrict : 'E',
    require : '^form',
    link: function(scope, elem, attrs, formCtrl) {
      var inputCtrl = elem.controller('ngModel');
      formCtrl.$removeControl(inputCtrl);
    }
  }
})

我在这里设置了一个 plunkr:http://plnkr.co/edit/AR0Zk1ybQ7OvmHEGirVL?p=preview