Angular2如何为ngModel绑定传递参考

Question

我写了这个组件：

@Component({
    selector: 'formfield',
    template: `
        <div>
            <label>{{label}}</label>
            <div>
                <input class="form-control" type="text" [(ngModel)]="model">
            </div>
        </div>
`
})
export class Formfield {
    @Input() label: string;
    @Input() model: string;
}

我在这里使用它：

<formfield label="something" model="somevalue"></formfield>

毫不奇怪，输入字段显示字符串“somevalue”。我怎样才能让它保持变量 somevalue 的值？

Answer 1

您需要使用以下内容：

<formfield label="something" [model]="someprop"></formfield>

其中someprop 是使用formfield 组件的组件的属性。

例如：

@Component({
  (...)
})
export class SomeComponent {
  someprop:string = 'some value';
}