angular - 有没有一种确定代码中设备宽度的好方法？

Question

我想知道相应地device width对我的组件进行更改。我有一个使用@HostListeneron的解决方案window:resize，但它会有任何性能问题吗？还是有另一种方法可以找出device width代码？

标签： angular

Answer 1

我建议@angular/cdk 使用断点观察器。

这是一个非常简单的 API：https ://material.angular.io/cdk/layout/overview

您可以轻松订阅它并默认或自定义断点观察屏幕尺寸变化，如果您只需要某些屏幕宽度，这反过来会便宜很多。

亲切的问候