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"。如何使它保持变量的值某个值？

Answer 1

您需要使用以下方法：

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

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

例如：

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