使用ngComponentOutlet将内容投影到父组件Angular 4中

时间:2017-09-21 15:29:40

标签: javascript angular ag-grid

我目前有一个父组件可以做这样的事情:

@Component({
  selector: 'parent-component',
  template: <div><ng-content></ng-content></div>'
})
export class ParentComponent implements AfterViewInit {
  @ContentChild(ChildComponent) private childComponent: ChildComponent
  ngAfterViewInit(): void { console.log(this.childComponent.value); }
}

@Component({
  selector: 'child-component',
  template: <div>Child</div>',
})
export class ChildComponent {
  public value: string = "Hello Parent";
}

有什么方法可以让ngComponentOutlet与内容投影和/或@ContentChild(ren)很好地配合?就目前而言,看起来没有任何方法可以获得动态组件的句柄,父组件也不能在任何真正意义上与子组件通信。有什么想法吗?

对于上下文,我正在尝试编写ag-grid-angular的包装器以添加其他功能,我需要的一个功能是能够通过ngComponentOutlet动态地将列添加到网格中。

0 个答案:

没有答案