AngularJS: lista todos os erros de formulário
Antecedentes: Atualmente, estou trabalhando em um aplicativo com guias; e gostaria de listar os campos / seções que falham na validação, para direcionar o usuário a procurar erros na guia direita.
Então eu tentei aproveitarform.$error
fazer isso; no entanto, não o trabalho totalmente.
Se ocorrerem erros de validação dentro de umng-repeat
, por exemplo.:
<div ng-repeat="url in urls" ng-form="form">
<input name="inumber" required ng-model="url" />
<br />
</div>
Valores vazios resultam emform.$error
contendo o seguinte:
{ "required": [ { "inumber": {} }, { "inumber": {} } ] }
Por outro lado, se erros de validação ocorrerem fora desteng-repeat
:
<input ng-model="name" name="iname" required="true" />
oform.$error
O objeto contém o seguinte:
{ "required": [ {} ] }
ainda, eu esperaria o seguinte:
{ "required": [ {'iname': {} } ] }
Alguma idéia de por que o nome do elemento está ausente?
Um plunkr em execução pode ser encontrado aqui:http://plnkr.co/x6wQMp