Angular 2:如何在组件本身内部动态创建时使用传递给组件的数据

时间:2017-01-09 17:51:08

标签: angular data-binding

我使用了以下示例Angular 2 Passing data to component when dynamically adding the component,并且由于它,我能够在子组件模板中看到值new DialogInterface.OnClickListener() new MediaPlayer.OnPreparedListener() (从父级传递给动态创建的子级),但我不是&#39 ; t能够获取子组件结构中的属性,以便修改它 你知道怎么做吗?

您可以在此处查看我的plunk以及我的代码:

dataToPass

2 个答案:

答案 0 :(得分:0)

在创建组件时执行构造函数,这是在分配值之前。你可以使它成为一个setter,以便在传递新值时能够执行代码:

export class CompComponent {
  private _dataToPass2;
  get dataToPass2() {
    return this._dataToPass2;
  }
  set dataToPass2(value) {
    this._dataToPass2 = value + 'hello';
  }
}

答案 1 :(得分:0)

感谢Gunter的建议,我找到了解决方案。

export class CompComponent {
  dataToPass2;

  ngAfterContentInit() {
    this.dataToPass2 = this.dataToPass + ' hello';
  }
}