請告訴我在角2.爲什麼使用ngSubmit代替在表單上的的onSubmit
1
A
回答
3
ngSubmit
是Angular2的內置指令,它用於在不點擊任何提交按鈕的情況下提交Angular2表單。您通常會看到它附有form
標籤。
爲什麼?
考慮一下,你有你的登錄屏幕包含username
,password
& login
按鈕。 一旦用戶填寫詳細信息,他必須單擊login
按鈕以提交包含數據的表單。因此,通過ngSubmit
指令,您可以提交帶有數據的表單,而無需觸摸或單擊提交按鈕。你只需要輸入和ngSubmit
將爲你做的工作。
In Angular1 ngSubmit
指令被發現提交表單時沒有點擊登錄/任何按鈕。在Angular2中ngSubmit
指令仍然存在。
請注意,無論有沒有ngSubmit
指令,您仍然可以使用提交按鈕來提交帶有數據的表單。這只是Angular團隊給出的功能。
1
那使用ngSubmit
提交一個表單,而不是使用在onSubmit
提交按鈕的原因是類似於正常的web表單中,action
屬性其中說明要調用哪個URL或提交表單。還可以通過按下輸入/返回鍵而不是按下提交按鈕來提交網頁表單。
1
角,具有更新<form>
標籤與另一角指令,NgSubmit,並將其綁定到的onSubmit()方法..
相關問題
- 1. `onsubmit &&!onsubmit()`做什麼?
- 2. 爲什麼用'$'代替'。'?
- 3. Makefile使用C++代替g ++ - 爲什麼?
- 4. 爲什麼不推薦使用window.showModalDialog?代替使用什麼?
- 5. 爲什麼大多數表單使用ID代替NAME的原因
- 6. 爲什麼用PHP中的%40代替@
- 7. 在Featherlight中使用onSubmit與表單?
- 8. 使用Javascript驗證表單使用onsubmit
- 9. 爲什麼我應該使用Reify代替clojure中的代理?
- 10. HTML表單onSubmit()
- 11. 爲什麼在表單中使用stopImmediatePropagation()?
- 12. 什麼是jqgrid的簡單替代?
- 13. 什麼是替代(替代())?
- 14. 爲什麼我的onsubmit回調在Linux中不起作用?
- 15. 檢票:addOrReplace()表單的onsubmit()
- 16. 表單提交與的onsubmit
- 17. 當在使用Javascript的表單中使用onsubmit時,顯式的「return」關鍵字需要什麼?
- 18. 爲什麼當我從onsubmit返回false時,我的HTML表單仍然提交?
- 19. 什麼是在C#中的事件和代表的替代?
- 20. (ngSubmit)
- 21. 在MacOSX上,Chromium/Firefox使用什麼代替Angle?
- 22. 爲什麼要用spyOn代替jasmine.createSpy?
- 23. 爲什麼用「&」代替逗號?
- 24. 爲什麼要用芹菜代替RabbitMQ?
- 25. 爲什麼用javax.swing代替java.swing?
- 26. 爲什麼用testFixture代替TestClass?
- 27. 爲什麼emacs用問號代替fn?
- 28. 爲什麼代理不使用上httpasyncclient
- 29. 什麼作爲NumberUtils-的替代品使用>數字()
- 30. 爲什麼使用替代的requirejs define:define(function(require){...}
似乎你的意思是「'onSubmit'在......」你最後一句話,就像問題標題中一樣。請修復以避免混淆。 –
簡單的原因是ngSubmit通過anguler暴露提交(所以angluar知道提交已經發生)並且onSubmit對於未綁定到角的基本javascript是默認綁定 – cpoDesign