<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 的東西.

嗯..沒了

Angular 學習筆記 ( CDK - Observers )