Angular2中的NgModel与ngModel

时间:2016-10-05 11:40:12

标签: angular

我是Angular2的新手,在浏览Angular2的博客时,我遇到了NgModelngModel。 我知道[(ngModel)]用于双向绑定。 任何人都可以解释两者之间的区别吗?

1 个答案:

答案 0 :(得分:1)

NgModel是实现ngModel指令的类 ngModel是该指令的选择者 这意味着您在HTML中使用ngModel之类的

<input [(ngModel)]="someProp">

但是如果你需要注入它(例如对于ControlValueAccessor)你注入一个类实例

constructor(private ngModel:NgModel) {}

其中ngModel只是我选择的变量名,NgModel是我们希望实例注入的类。

另见https://github.com/angular/angular/blob/26d1423ae93a743bd57a5fed9997c08c52f4bbfd/modules/%40angular/forms/src/directives/ng_model.ts#L90

来源显示,因为exportAs: 'ngModel',它可以像

一样使用
<input [(ngModel)]="someProp" let-xxx="ngModel">
{{xxx.name}}

例如,输出应用于name的{​​{1}}实例的NgModel属性(或任何其他属性)。