angular - 名称为 : 'recipient' 的表单控件没有值访问器

Question

升级到 Angular 2 Rc.5 后出现此错误。这是我的组件模板:

<md-input
    [(ngModel)]="recipient"
    name="recipient"
    placeholder="Name"
    class="col-sm-4"
    (blur)="addRecipient(recipient)">
</md-input>

我的 app.module.ts 导入了 FormsModule

我还尝试在我的组件中声明 private recipient;。

我错过了什么吗？为什么会出现此错误？

No value accessor for form control with name: 'recipient'

Answer 1

您应该像这样将 ngDefaultControl 属性添加到您的输入中:

<md-input
    [(ngModel)]="recipient"
    name="recipient"
    placeholder="Name"
    class="col-sm-4"
    (blur)="addRecipient(recipient)"
    ngDefaultControl>
</md-input>

摘自这篇文章的评论:

angular2 rc.5 custom input, No value accessor for form control with unspecified name

注意:对于以后版本的@angular/material:

现在你应该这样写:

<md-input-container>
    <input
        mdInput
        [(ngModel)]="recipient"
        name="recipient"
        placeholder="Name"
        (blur)="addRecipient(recipient)">
</md-input-container>

参见 https://material.angular.io/components/input/overview