angular - 如何等到 ng2 完成更改 DOM

Question

我的网络应用程序中有打印功能。我正在使用 jquery 打印插件在打印预览中仅显示 dom 中的几个元素。我想确保仅在呈现所有数据后才开始打印。在当前的实现中 - 有时出现打印预览时并非所有信息都在 dom 中(我认为 ng2 使用某种延迟操作)。

看一下示例:

@Component(...)
export class MyCoolComponent{|

myModel:MyModel;


print(){
   _myService.fetchDataSomehow().subscribe((newData:MyModel)=>{
       this.myModel = newData;
       // I need to wait until ng2 will adjust dom with new data in synchronous manner
       $(this._el).print();
   })
}
}

模板:

<div>
  {{myModel.field1}}
  {{myModel.field2}}
  {{myModel.field3}}
  //...and a lot of other fields from myModel
</div>

我知道我可以使用 setTimeout(()=>{...}, 1)，但它看起来很傻。是否有更可靠的方法来等待 angular 2 由于模型更改而调整 dom？

Answer 1

在 docs 中 checkout ngAfterViewChecked ，也许这就是您要找的。