ui-sref上的輸入提交按鈕？

Question

我是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標簽：

<a ui-sref="form.second" class="btn btn-block btn-info" id="next1">Next</a>

最終視圖將具有輸入提交：

<input id="submit" type="submit">

謝謝！

編輯：我只想使用HTML5提供的默認驗證。 就像輸入提交一樣，沒有任何其他功能。

Answer 1

您可以使用ng-click指令並將其綁定到驗證功能，如果is_vaild is True則可以使用$state.go(state)進行重定向。

參見： ngClick ; $狀態