我有一个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"];
}
答案 0 :(得分:1)
如果你想要实时...观察者可能就是你想要的。但观察者效率不高。
最好的方法是使用ng-change指令。这样,每次用户键入时,都会触发传递给ng-change指令的函数。这可以让您处理函数内部的逻辑并根据需要做出反应。