如何使Mat-Grid-List属性动态化？

// 组件类
export class MyComponent {
  dynamicCols: number = 3; // 动态化的列数

  // 更新属性值
  updateDynamicCols() {
    // 根据需要更新dynamicCols的值
    this.dynamicCols = 4;
  }
}

<!-- 模板 -->
<mat-grid-list [cols]="dynamicCols">
  <!-- 网格项 -->
  <mat-grid-tile>Item 1</mat-grid-tile>
  <mat-grid-tile>Item 2</mat-grid-tile>
  <mat-grid-tile>Item 3</mat-grid-tile>
</mat-grid-list>

// 组件类
export class MyComponent {
  dynamicCols: number = 3; // 动态化的列数

  // 更新属性值并触发更新
  updateDynamicCols() {
    // 根据需要更新dynamicCols的值
    this.dynamicCols = 4;
    // 手动触发变更检测
    this.changeDetectorRef.detectChanges();
  }
}