我是一個有點困惑,對於一些教程使用#得到的輸入,而一些使用[(ngModel)Angular2 Form輸入中的#name和[(ngModel)] =「name」有什麼區別?
7
A
回答
9
#XXX
#xxx
可以讓你獲得一個元素的參考。
<input #inp (change)="foo = inp.value">
listenes的變化事件,並呼籲onChange()
並通過輸入value
財產
對於雙向綁定,您還需要
<input #inp (change)="foo = inp.value)" [value]="foo = $event">
NgModel
<input [(ngModel)]="foo">
使用NgModel
指令,該指令允許將DOM輸入元素和自定義組件集成到Angular form功能中。 它也可以在沒有表格的情況下使用。 NgModel
是對各種元素和組件的抽象,而以上(#inp
)示例僅適用於具有value
屬性併發出change
事件的輸入元素。
[(ngModel)]="foo"
是
[ngModel]="foo" (ngModelChange)="foo = $event"
簡寫形式示出它是用於雙向綁定。
暗示
#xxx
返回一個部件或指令例如,如果元素不是一個普通的DOM元素,但角分量或具有施加角指令。
0
在#NAME語法是一個模板參考它指的是HTML對象的詳細信息,可在所述角文檔中找到: Angular template guide
在元件上的[(ngModel)]被設置雙向綁定值並將其分配給一個變量。
相關問題
- 1. Name和x:Name有什麼區別?
- 2. WPF:'Name'和'x:Name'有什麼區別?
- 3. Info.plist和[app name] -Info.plist有什麼區別?
- 4. Name和CanonicalName有什麼區別?
- 5. `$ this-> name`和`$ this - > $ name`之間有什麼區別?
- 6. 「Exchange Legacy Distinguished Name」和「Active Directory Distingushed Name」之間有什麼區別?
- 7. 編寫`:name =>「String」`和`name:「String」`有什麼區別?
- 8. 使用./configure(php)--disable- [name]和--without- [name]之間有什麼區別?
- 9. .getAttribute(「name」)和.name之間有什麼區別?
- 10. Vue.js中{{name}}和{{{name}}}之間的區別是什麼
- 11. Javascript中的var name = function(){}和函數名(){}有什麼區別嗎?
- 12. 目標c中的(NSString)* name和(NSString *)名稱有什麼區別?
- 13. org-mode中#+ NAME和#+ LABEL有什麼區別?
- 14. ActionScript中obj [name]和obj.name有什麼區別?
- 15. 函數調用和goto&NAME在Perl中有什麼區別?
- 16. 在彈簧配置中,使用name和id有什麼區別?
- 17. colnames(x [1])< - 「name」和colnames(x)[1] < - 「name」之間的區別是什麼?
- 18. form action =「」和form action =「。」有什麼區別?
- 19. FUNCALL和#'function-name in common lisp有什麼區別?
- 20. ng-model =「name」和ng-model =「user.name」有什麼區別
- 21. artifactId和name在maven POM中的區別
- 22. 什麼是[MyAttribute(Name = value)]中的「Name = value」
- 23. getExtras(name).getString和getIntent()。getStringExtra(name)之間的區別
- 24. std :: string name和std :: string&name之間的C++區別
- 25. loadClass(String name)和loadClass(String name,boolean resolve)之間的區別
- 26. 在C++中,「name :: name」是什麼意思?
- 27. {Server Name} localhost與。\ SqlExpress之間有什麼區別
- 28. .attr('name',$ this.attr('name'))是什麼意思?
- 29. ngOnInit和Angular2的ngAfterViewInit有什麼區別?
- 30. 爲什麼WPF有x:Name和Name XAML?