角度自定义组件接收对字段的引用

Question

我试图将输入引用传递到组件中，但是为什么control未定义？

<input #nameField="ngModel" />
<my-component [control]="nameField"></my-component>

export class MyComponent implements OnInit {
    @Input() control: FormControl;
    ngOnInit() {
        //this.control is undefined
    }
}

Answer 1

删除您的ngModel正常工作的代码-

<input #nameField />
<hello [control]="nameField"></hello>

Working Example

PS：您需要在子组件中使用@Input才能访问。