Angular 强制角度柔性布局检查布局大小

我将flex布局与Angular8一起使用，并用于在可固定窗口中排列我的组件，我的问题是，只有在我调整浏览器窗口的大小时，组件中的布局才会根据flex布局进行更改，而当我调整组件窗口的大小时，没有任何更改，像flex布局这样的东西并没有像我想的那样通知调整大小

<div fxLayout="row wrap" fxLayout.xs="column">
  <label fxFlex="50">Name: </label>
  <mat-form-field fxFlex="50">
    <input matInput [ngModel]="_name" placeholder="Feature name" name="tst">
  </mat-form-field>

  <label fxFlex="50">Description: </label>
  <mat-form-field fxFlex="50">
    <input matInput [ngModel]="_desc" placeholder="Feature Description" name="tstD">
  </mat-form-field>
</div>

姓名：
说明：

当组件的窗口宽度低于599px时，我的布局应更改为

列

，但这仅在我调整浏览器窗口大小时发生

我的想法是对的吗？如果是，如何通知flex布局组件的窗口大小更改