如何根据 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

尝试使用生命周期事件"AfterViewChecked"

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