我目前的情景摘要:
容器组件有一个控制组,并希望将辅助组件内的输入字段分配给该控件组。
容器组件代码:
controlInput1: Control = new Control('');
controlInput2: Control = new Control('');
containerForm: ControlGroup = new ControlGroup({
input1: this.controlInput1,
input2: this.controlInput2
});
controlInput2或input2基于辅助组件,该组件包含在containerForm中。
<form [ng-form-model]="containerForm">
<input ng-control="input1" id="input1">
<secondary-component control-id="input2"></secondary-component>
</form>
次要组件代码html:
<h1>Secondary Component!</h1>
<input ng-control="{{controlId}}" id="{{controlId}}">
次要组件代码TS:
@component({
inputs: ['controlId']
})
export class SecondaryComponent {
@Input() controlId;
}
如何让组件开始与容器中的控件组通话?