我正在构建一个带标签的角形式,其中每个标签都有需要填写的表单的不同部分(类似于Magento和产品设置页面)。
我想验证表单,然后将注意力集中在第一个出现验证错误的选项卡上(可能会突出显示该选项卡)。
我正在使用ui-router-extra
用于粘性状态,以便每个标签都是一个单独的子路由...但我相信这可能不相关,因为路由只是隐藏,而不是从DOM中移除。
我应该使用哪些方法来实现此类功能?
验证将通过Angular和服务器端完成。
一种方法是让一个对象具有所有字段的列表以及它们所包含的选项卡。当我收到验证错误时,我可以查看该字段,然后执行$state.go
来显示该标签给用户。但是,我正在寻找一种更有活力的方式。