【问题标题】:NgModel vs ngModel in Angular2Angular2 中的 NgModel 与 ngModel
【发布时间】:2016-10-05 11:40:12
【问题描述】:

我是 Angular2 的新手,在浏览有关 Angular2 的博客时,我遇到了 NgModelngModel。 我知道[(ngModel)] 用于双向绑定。 谁能解释一下这两者有什么区别?

【问题讨论】:

    标签: angular


    【解决方案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}}
    

    例如,输出应用于我们的&lt;input&gt;NgModel 实例的name 属性(或任何其他属性)。

    【讨论】:

      猜你喜欢
      • 2017-01-16
      • 2017-12-21
      • 2016-11-20
      • 2016-11-07
      • 1970-01-01
      • 1970-01-01
      • 2017-09-18
      • 2018-02-17
      • 1970-01-01
      相关资源
      最近更新 更多