2016-10-03 36 views
1

請告訴我在角2.爲什麼使用ngSubmit代替在表單上的的onSubmit

+1

似乎你的意思是「'onSubmit'在......」你最後一句話,就像問題標題中一樣。請修復以避免混淆。 –

+1

簡單的原因是ngSubmit通過anguler暴露提交(所以angluar知道提交已經發生)並且onSubmit對於未綁定到角的基本javascript是默認綁定 – cpoDesign

回答

3

ngSubmit是Angular2的內置指令,它用於在不點擊任何提交按鈕的情況下提交Angular2表單。您通常會看到它附有form標籤。

爲什麼?

考慮一下,你有你的登錄屏幕包含usernamepassword & login按鈕。 一旦用戶填寫詳細信息,他必須單擊login按鈕以提交包含數據的表單。因此,通過ngSubmit指令,您可以提交帶有數據的表單,而無需觸摸或單擊提交按鈕。你只需要輸入和ngSubmit將爲你做的工作。

In Angular1 ngSubmit指令被發現提交表單時沒有點擊登錄/任何按鈕。在Angular2中ngSubmit指令仍然存在。

請注意,無論有沒有ngSubmit指令,您仍然可以使用提交按鈕來提交帶有數據的表單。這只是Angular團隊給出的功能。

1

那使用ngSubmit提交一個表單,而不是使用在onSubmit提交按鈕的原因是類似於正常的web表單中,action屬性其中說明要調用哪個URL或提交表單。還可以通過按下輸入/返回鍵而不是按下提交按鈕來提交網頁表單。

1

角,具有更新<form>標籤與另一角指令,NgSubmit,並將其綁定到的onSubmit()方法..

更多Click here

相關問題