我有一个由angularjs 1.7完成的现有在线应用程序项目。
当用户启动一个应用程序时,他们必须完成5到10种不同的表单,每个表单都有保存和验证按钮,因为每个表单都很大,因此即使存在验证错误,用户也可以节省任何时间。当用户尝试提交申请时,系统将检查所有表单是否通过验证,如果没有,则将用户带到表单有验证错误。
现在我有了新的要求,当用户提交申请时,列出每个表单的所有验证错误,每个错误都需要一个链接,链接将使用户转到页面并关注该字段(这是我想知道的部分最好的方法)。
前端如下所示:
<div class="from-group">
<label>Name</label>
<input class="form-control" ng-model="frm.firstName" />
</div>
<div class="form-group" ng-repeat="addr in frm.addresses">
<label>Postal</div>
<input class="from-control" ng-model="addr.postal" />
</div>
验证全部由服务器端完成,服务器端可以提供如下所示的JSON:
{
'Form1':{
'Error1': {
'Field': 'form1.addresses[2].postal',
'Message': ''
},
'Error2':{
'Field': 'form1.firstName',
'Message':''
}
},
'Form2':{
}
}
我的问题是打开angularjs路线和焦点输入的最佳方法是什么。我正在尝试避免使用/ route /#firstName。