Angular 学习笔记 ( CDK - Observers )

 

<div class="projected-content-wrapper" (cdkObserveContent)="projectContentChanged()">
  <ng-content></ng-content>
</div>

使用 cdkObserveContent 能让我们监听到 ng-content 内部的变化. 

比如某个值换了，或则某个 element 被移除了等等. 

在 onpush 的情况下, 通常上面这种 ng-content 的设计, 我们会希望如果 content 改变了, 当前模板也 detechchange, 但是由于 content 并不属于当前模板的 child 所以是不会自动 detechchange 了. 

因此就可以使用这个指令啦. 

其实现原理是用到了 dom api Mutation Observer, 是 html5 的东西.

 

嗯..没了