Angular 2の（クリック）と（ngSubmit）の違いは何ですか

Question

Angular 2でフォームを送信するには2つのパターンが必要です。

<form #fDoc="ngForm"> 
    (bunch of form fields) 
    <div class="form-group"> 
     <button class="btn btn-primary" (click)="pathSave()">Save</button> 
    </div> 
    </form> 

コンポーネントのアクションメソッドが呼び出されるの差である対

<form (ngSubmit)="pathSave()" #fDoc="ngForm"> 
    (bunch of form fields) 
    <div class="form-group"> 
     <button type="submit" class="btn btn-primary">Save</button> 
    </div> 
    </form> 

。あるパターンの利点は他のパターンよりも優れていますか？

Answer 1

(onclick)イベントはありません。(click)のみです。

違いは(ngSubmit)が<button>要素のクリックイベントにNgFormディレクティブとclickのngSubmitイベントに耳を傾けていることです。

2番目の例のボタンでは、submitというイベントも発生し、ngSubmitというイベントが発生しますが、リッスンされないため、何の効果もありません。

あなたの例では、動作に違いはありません。