1

次のような AngularJS フォームがあります。

<form ng-submit="vm.update(vm.model)"> 

     .. fields

     <button ng-click="vm.addCluster()">Add</button>

     .. more fields

     <input type="submit" value="Save" /> 

</form>

送信をクリックすると、期待どおりに機能します-update()メソッドが呼び出されます。ボタンをクリックすると呼び出されますaddCluster()が、その後フォームが送信され、update()自動的に呼び出されます。

なぜそれを行うのですか?どうすればこれを防ぐことができますか?

4

2 に答える 2

3

フォーム内のボタン (指定なし) のデフォルト アクションはtype送信ですtype。ボタンの を に設定して、buttonこの動作を変更できます。

<button type="button" ng-click="vm.addCluster()">Add</button>
于 2015-02-27T11:19:48.033 に答える
1

ボタンにそのような追加の属性を与えることができると思います

<button type="button">Your button</button>

type="button" は、不要なフォームの送信を防ぐ必要があります。

于 2015-02-27T11:22:28.267 に答える