如何使用结构指令？

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);
};

跑叉。