在angular2中加载子组件后执行？

Question

我有一个包含多个＆＃34;组件＆＃34;。

的主页模板

在我的HomeTemplate中......我有：

<div>
<griditem1></griditem2>
<griditem2></griditem2>
</div>

如何在HomeTemplate打字稿文件中执行一个函数AFTER griditem1和griditem2已解决？这意味着它们被转换为代表组件的HTML。

Answer 1

您必须使用EventEmitter。

在griditem1和griditem2上，您可以ngOnInit通过事件排放通知您尝试联系的HomeComponent。

请参阅Learn Angular2。

你最终会得到这样的东西：

<griditem1 (updated)="handleUpdate($event)"></gridItem1>

@Output() updated = new EventEmitter();

ngOnInit() {
  // On finish loading notify parent.
  this.updated.emit();
}