如何使用結構指令？

Question

我需要制定一個結構指令，根據屏幕寬度顯示元素。

https://stackblitz.com/edit/vim8-2-resize-template-pmp1b5?file=app/shared/if-viewport-size.directive.ts

我的示例有效，但它以中等大小跳過。 如何解決？

Answer 1

問題是您正在覆蓋window.onresize值。

我建議使用具有onresize值的Subject ，然后訂閱不同指令實例中的主題。

public windowResize$ = new BehaviorSubject<number>(window.innerWidth);
window.onresize = event => {
     this.windowResize$.next(window.innerWidth);
};

跑叉。