我有一個(gè)包含多個(gè)對象的數(shù)組,我想在*ngFor循環(huán)中使用它。我想用一個(gè)div容器循環(huán)這個(gè),并想將一個(gè) css 類添加到 div 容器以顯示彼此相鄰的容器。css 類在對象中定義,我需要將其轉(zhuǎn)換為有效類,例如col-sm-6.所以我創(chuàng)建了一個(gè)函數(shù)來在對象中搜索 css 類并將其轉(zhuǎn)換為有效的 css 類。但是我的函數(shù)只返回 1 個(gè) css 類,而不是每個(gè)對象的正確 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第一個(gè)對象和col-sm-9第二個(gè)對象的類。并將每個(gè)對象的 css 類添加到該對象的 div 容器中。但是我的函數(shù)只返回col-sm-9. 我怎樣才能確保兩個(gè)對象都得到正確的類?
如何在 Angular 的 forEach 循環(huán)中使用返回值?
眼眸繁星
2023-01-06 11:26:15