我是一个有点困惑,对于一些教程使用#得到的输入,而一些使用[(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和$$ name有什么区别?
- 2. WPF:'Name'和'x:Name'有什么区别?
- 3. Info.plist和[app name] -Info.plist有什么区别?
- 4. Name和x:Name有什么区别?
- 5. Name和CanonicalName有什么区别?
- 6. prototype [name]和prototype.name有什么区别?
- 7. 使用./configure(php)--disable- [name]和--without- [name]之间有什么区别?
- 8. `$ this-> name`和`$ this - > $ name`之间有什么区别?
- 9. .getAttribute(“name”)和.name之间有什么区别?
- 10. 编写`:name =>“String”`和`name:“String”`有什么区别?
- 11. “Exchange Legacy Distinguished Name”和“Active Directory Distingushed Name”之间有什么区别?
- 12. Vue.js中{{name}}和{{{name}}}之间的区别是什么
- 13. ngModel $ modelValue和ngModel有什么区别$ viewValue
- 14. Javascript中的var name = function(){}和函数名(){}有什么区别吗?
- 15. 目标c中的(NSString)* name和(NSString *)名称有什么区别?
- 16. Dynamics CRM中Entity.GetAttributeValue <T>(name)和Entity [name]之间的区别是什么?
- 17. org-mode中#+ NAME和#+ LABEL有什么区别?
- 18. 函数调用和goto&NAME在Perl中有什么区别?
- 19. 在弹簧配置中,使用name和id有什么区别?
- 20. ActionScript中obj [name]和obj.name有什么区别?
- 21. colnames(x [1])< - “name”和colnames(x)[1] < - “name”之间的区别是什么?
- 22. <xsl:copy>和<xsl:element name =“{name()}”>之间是否有区别?
- 23. form action =“”和form action =“。”有什么区别?
- 24. `params.require(:person).permit(:name,:age)`和'params.require(:person).permit''有什么区别?
- 25. (本地)和(pc-name)\ SQLEXPRESS有什么区别?
- 26. FUNCALL和#'function-name in common lisp有什么区别?
- 27. localName()和name()。localName()之间有什么区别?
- 28. ng-model =“name”和ng-model =“user.name”有什么区别
- 29. 如何将输入框(<form name =“form1”>)中的值回显到输入框(<form name =“form2”>)
- 30. artifactId和name在maven POM中的区别