角度材质进展旋转器反应

Question

在 Angular 材质进度微调器组件中，我们实际上可以通过设置直径来设置尺寸。我想知道是否有一个选项可以使这个直径响应，以便它基于窗口大小。

<mat-progress-spinner [diameter]=24> </mat-progress-spinner>

我想要的是：

<mat-progress-spinner [diameter]="some-relative-size"> </mat-progress-spinner>

Answer 1

你可以根据窗口在你的TS文件中声明一个变量吗？

export class MyComponent {
  diameter = window.clientWidth / 10;
}