javascript - 如何使用结构指令？

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

Running fork.