angular - 用于在角度 5 中延迟加载组件的结构指令

Question

我正在尝试创建一个结构指令，该指令延迟加载组件。我正在使用 createEmbeddedViews 函数将组件作为兄弟姐妹添加到模板引用中。我需要检查最后一个兄弟是否在视口中，然后触发添加更多兄弟。这一直持续到最后添加的组件超出视口为止。示例代码是，

for(i=0;i<componentsVisible;i++){
   this.viewContainer.createEmbeddedView(this.templateRef);
}

this.intersectionObserver.observe(" Here i need to add the last sibling added");

交叉观察者被监视，可见组件将增加，并且将再次调用 for 循环以添加更多兄弟姐妹。在这里面临一个问题是传递最后一个兄弟姐妹。当所有兄弟姐妹完成渲染时，最后一个兄弟姐妹可用。但是函数 intersection.observe 在 for 循环之后被调用。需要帮助！！！...谢谢

标签： angularobservableangular-directiveangular2-changedetectionintersection-observer