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

 

嗯..沒了

 

關鍵詞:content ng angular 筆記 cdk observers 學習 當前 某個 detechchange

相關推薦:

Android零基礎入門第25節:最簡單最常用的LinearLayout線性佈局

Android零基礎入門第26節:layout_gravity和gravity大不同

Android零基礎入門第31節:幾乎不用但要了解的AbsoluteLayout絕對佈局

Android零基礎入門第18節:EditText的屬性和使用方法