Angular 2组件作为属性

时间:2017-03-09 08:58:21

标签: angular

我想知道:如何绑定模板中选择器使用的组件的值和模型中声明的对象?

FormComponent具有选择器" interface-form"。

以下是代码:

@Component({
  moduleId: 'module.id',
  selector: 'create-interface',
  template: '    
<div class="content" style="margin : 20px;">
  <div class="header-section row">
    <button class="btn"> < Retour</button>
  </div>
  <interface-form [data]="data" [dataFields]="this.form.dataFields">
  </interface-form>
</div>'
})

export class CreateComponent {

  public form: FormComponent;
  ...

我希望我的form属性是我模板中声明的interface-form实例,所以如果我这样做:

this.form.addField(...),我的模板将动态更改。

1 个答案:

答案 0 :(得分:1)

我认为你要找的是FormArray。看看:

https://angular.io/docs/ts/latest/api/forms/index/FormArray-class.html