如何输入字段与angular.js的另一个变量匹配,如何实时检查

时间:2016-04-27 22:23:41

标签: javascript jquery angularjs

我有一个ng-repeat循环遍历一个对象并显示一个字符串和输入字段列表,例如下面的例子。我需要为这些输入字段设置实时验证。输入字段应等于条形码字符串。如果用户输入的字符串不等于条形码字符串而不是角度,则应提示用户必须等于条形码字符串并清除输入字段。角度有可能吗?我用jQuery完成了类似的任务..我可以结合一些jQuery和Angular来实现这个验证吗?我是angular.js的新手,所以非常感谢任何帮助。

HTML:

<div ng-repeat="(index, val) in barcodes.barcodes track by $index">
  <div class="form-group row" ng-show="barcodes.barcodes[index]">
    <label class="col-sm-3 form-control-label" style="margin-top: 5px"> {{ barcodes.adaptors[$index] }} </label>
    <label class="col-sm-3 form-control-label" style="margin-top: 5px"> {{ barcodes.barcodes[index] }} </label>
    <div class="col-sm-6">
      <input type="email" class="form-control" placeholder="Barcode">
    </div>
  </div>
</div>

示例栏目对象:

var bars = {
  "adaptors": ["506-704", "505-703", "503-702", "508-701", "507-705", "502-706", "504-707", "501-708"],
  "barcodes": ["11-11-1111","11-11-2222","11-11-3333","11-11-4444","X","X","X","X"];
}

enter image description here

1 个答案:

答案 0 :(得分:1)

如果你想要实时...观察者可能就是你想要的。但观察者效率不高。

最好的方法是使用ng-change指令。这样,每次用户键入时,都会触发传递给ng-change指令的函数。这可以让您处理函数内部的逻辑并根据需要做出反应。

https://docs.angularjs.org/api/ng/directive/ngChange