Angular2 - 在另一个组件内部分配控件

时间:2015-12-01 08:59:36

标签: javascript typescript angular

我目前的情景摘要:

  • 我有一个有表格的容器组件。
  • 我有一个辅助组件,它有一个输入字段。

容器组件有一个控制组,并希望将辅助组件内的输入字段分配给该控件组。

容器组件代码:

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;
}

如何让组件开始与容器中的控件组通话?

0 个答案:

没有答案