實現你自己的* ngIf

Question

我想創建我自己的* ngIf指令。該指令將得到一個數字，並且如果屏幕的內部寬度像素小於其獲取的數字，則不會呈現模板。

如何實現我自己的* ngIf？

Answer 1

這就是所謂的結構指令是否隱藏某些元素或沒有。

您可以檢查source of *ngIf

也有在有關https://angular.io/guide/structural-directives

主要部分的角文檔一節

this.viewContainer.createEmbeddedView(this.templateRef); 

，允許郵票的模板。

如果你有

<my-component *myIf="isTrueOrFalse"></my-component> 

的*將導致

<my-component></my-component> 

傳遞爲模板的指令，然後可加蓋/移除。

Answer 2

這很簡單。

使用好老ngIf，這樣*ngIf='someVariable'然後只需撥動這個someVariable從true到false當你想讓它變得渲染與否。

我會做什麼，是創建監聽窗口寬度事件來看，在寬度組件內的事件偵聽器將決定通過設置someVariable