我是Angularjs的新手,我想创建一个具有多个视图的表单(使用ui-router)。每个视图将包含用于填写表单的不同数据,因此,在填充视图后,我不想只单击锚标记并继续到下一个视图。我也希望它像一个具有某些验证功能的输入提交按钮。我该怎么做?这是我到目前为止的内容:
<section class="progress-bar">
<ul class="btn-group btn-group-justified" role="group">
<a ui-sref=".first" ui-sref-active="active" class="btn list-group-item">First</a>
<a ui-sref=".second" ui-sref-active="active" class="btn list-group-item">Second</a>
<a ui-sref=".third" ui-sref-active="active" class="btn list-group-item">Third</a></ul>
</section>
<div>
<form class="form" autocomplete="on" id="myForm" ng-submit="submitForm()">
<div ui-view></div>
</form>
不同的视图将在底部具有
a
标记,这是我希望具有一些验证功能(例如输入提交按钮)的标记:<a ui-sref="form.second" class="btn btn-block btn-info" id="next1">Next</a>
最终视图将具有输入提交:
<input id="submit" type="submit">
谢谢!
编辑:我只想使用HTML5提供的默认验证。就像输入提交一样,没有任何其他功能。
最佳答案
您可以使用ng-click
指令并将其绑定到验证功能,如果is_vaild is True
则使用$state.go(state)
重定向。
参见:ngClick; $state