Javascript 获取子组件中ngModel的值
如果我在angular 2中有一个父子组件关系,如下所示:Javascript 获取子组件中ngModel的值,javascript,angular,Javascript,Angular,如果我在angular 2中有一个父子组件关系,如下所示: @Component({ selector: `child`, template: ` <div> </div>` }) export class ChildComponent { //... } @Component({ selector: `parent`, template: ` <div>
@Component({
selector: `child`,
template: `
<div>
</div>`
})
export class ChildComponent {
//...
}
@Component({
selector: `parent`,
template: `
<div>
<child [(ngModel)]="data.value"></child>
</div>`
directives: [ChildComponent]
})
export class ParentComponent {
private data = {
value: string,
property: number
};
}
@组件({
选择器:`child`,
模板:`
`
})
导出类ChildComponent{
//...
}
@组成部分({
选择器:`parent`,
模板:`
`
指令:[子组件]
})
导出类ParentComponent{
私有数据={
值:字符串,
物业:号码
};
}
如何访问子组件中的ngModel?如果我修改了子组件中的ngModel值,它会更新父组件吗?在RC2之前,您需要为您的子组件实现自定义验证器,以便能够在其上使用
ngModel
有关更多详细信息,请参见此问题:
<form #f="ngForm">
<custom-input name="Nan" [ngModelOptions]="{name: 'custom'}" ngModel>
</form>