我有一個包含多個對象的數組，我想在*ngFor循環中使用它。我想用一個div容器循環這個，并想將一個 css 類添加到 div 容器以顯示彼此相鄰的容器。css 類在對象中定義，我需要將其轉換為有效類，例如col-sm-6.所以我創建了一個函數來在對象中搜索 css 類并將其轉換為有效的 css 類。但是我的函數只返回 1 個 css 類，而不是每個對象的正確 css 類。讓我們看看我的代碼：大批：elements = [    {        title: 'Test1',        class: ["ColumnWidth3"]    },    {        title: 'Test2',        class: ["ColumnWidth9"]    }]HTML:<div *ngFor="let column of elements" [ngClass]="columnClass()">    <h1>{{column.title}}</h1></div>功能：columnClass() {    const columnClass = this.elements.filter((child: any) => child.class.includes('ColumnWidth') >= 0);    columnClass.forEach(element => {      this.item = element.class.find((class:any) => class.indexOf('ColumnWidth') >= 0).split('ColumnWidth').pop();    });        return 'col-sm-' + this.item;  }}所以我想要得到的是col-sm-3第一個對象和col-sm-9第二個對象的類。并將每個對象的 css 類添加到該對象的 div 容器中。但是我的函數只返回col-sm-9. 我怎樣才能確保兩個對象都得到正確的類？