Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/374.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 获取子组件中ngModel的值_Javascript_Angular - Fatal编程技术网

Javascript 获取子组件中ngModel的值

Javascript 获取子组件中ngModel的值,javascript,angular,Javascript,Angular,如果我在angular 2中有一个父子组件关系,如下所示: @Component({ selector: `child`, template: ` <div> </div>` }) export class ChildComponent { //... } @Component({ selector: `parent`, template: ` <div>

如果我在angular 2中有一个父子组件关系,如下所示:

@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

有关更多详细信息,请参见此问题:

从RC2中,事情要简单得多,因为您可以这样做:

<form #f="ngForm">
  <custom-input name="Nan" [ngModelOptions]="{name: 'custom'}" ngModel>
</form>