如何使用结构指令？

Question

我需要做出一个结构指令，该指令将根据屏幕的宽度显示元素。

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

我的示例工作正常，但是以中等大小跳过。如何解决？

Answer 1

问题在于您正在覆盖window.onresize值。

我建议使用具有Subject值的onresize，然后在不同的指令实例中订阅主题。

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

Running fork.