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

 

嗯..沒了

 

關鍵詞:nbsp content ng lt gt angular 筆記 cdk observers 學習

相關推薦:

在 Angular 應用中建立包含元件

Using Angular Content Projection to Draw Smiley Faces

Building a Wrapper for Responsive Design for Angular Flex Layout

Content Projection in Angular Element With Slot in Angular 7.0

Everything you need to know about <ng-template>, <ng-content>, <ng-container> and *ngTempla...

Angular開發實踐(八): 使用ng-content進行元件內容投射

Angular 7 Tutorial: Create Angular Material CDK Virtual Scroll

Angular Performances Part 5 - Pure pipes, attribute decorator and other tips

Angular 個人深究(四)【生命週期鉤子】

angular學習筆記