如何根据Angular 2中的模型更改观察何时完成视图更新

Question

我有一个ng2应用程序，其中内容从后端系统异步拉出，以注入各种不同的基于材料的组件。在一个案例中，我试图从该内容创建几个轮播视图。

例如我的api响应类似：

{
categories : [
  {name: "sports", content : [{id: 1, title: "some text", description: "more text"}]
]
}

我将创建几个旋转木马，每个类别使用http://materializecss.com/carousel.html一个，没什么了不起。

我遇到的问题是似乎没有一个合适的生命周期事件来连接，这将让我知道我的内容来自异步调用已经呈现 - 导致在dom中创建了几个轮播，然后我需要调用jQuery初始化。

当我的异步请求中的数据被编组到dom中时，会告诉我什么事件？

由于

Answer 1

我认为你应该查看Angular LifeCycle Hooks。

  

ngOnChanges() {}   它可能会有所帮助，如果数据绑定到组件（看@Input）

     

在收到JSON时，EventEmitter()可用于emit $ event，然后在组件中订阅

Answer 2

尝试使用lifecycleEvent＆＃34; AfterViewChecked＆＃34;

export class whateverClass implements AfterViewChecked{
ngAfterViewChecked() {
 //logic goes here 
}
}