如何验证使用ng-repeat，ng-show（角度）动态创建的输入

如何验证使用ng-repeat，ng-show（角度）动态创建的输入

AngularJS依靠输入名称来暴露验证错误。

不幸的是，到今天为止，不可能（不使用自定义指令）动态生成输入的名称。确实，检查输入文档，我们可以看到name属性仅接受字符串。

要解决“动态名称”问题， 您需要创建一个内部表单（请参阅 ng-
form
）：

<div ng-repeat="social in formData.socials">      <ng-form name="urlForm"> <input type="url" name="socialUrl" ng-model="social.url"> <span  ng-show="urlForm.socialUrl.$error.url">URL error</span>      </ng-form>  </div>

另一种选择是为此编写一个自定义指令。

这是显示ngForm用法的jsFiddle：http
:
//jsfiddle.net/pkozlowski_opensource/XK2ZT/2/