我需要你的幫助。
我有一個包含 30 個屬性的界面。我呼叫了一個用 C# 撰寫的 Rest API，然后回傳一個帶有結果的 DataTable。現在我可以將此結果轉換為我的界面。
我的界面有一個名稱和一個值，例如：
PropertyName1:boolean;
PropertyName2:boolean;
PropertyName3:boolean;
PropertyName4:boolean;
但是，我不想在我的 *ngFor 中用 {{ object.Properyname }} 撰寫所有 30 個屬性。有沒有辦法，我可以像鍵值對一樣迭代這個物件？
我嘗試了一個鍵值管道，但這不起作用-.-
這是我的煙斗。
import { Pipe, PipeTransform } from '@angular/core';
@Pipe({
name: 'keyValuePipe',
})
export class KeyValuePipePipe implements PipeTransform {
transform(value: any, ...args: string[]): any {
let keys = [];
for (let key in value) {
keys.push({ key: key, value: value[key] });
}
console.log(keys);
return keys;
}
}
非常感謝。
我嘗試了一個鍵值管道。我希望我可以迭代一個物件 là keyvaluepair 這樣我就不必為它自己撰寫每個屬性。
uj5u.com熱心網友回復：
您不需要創建自定義管道，您可以使用內置的鍵值管道，例如
<div *ngFor="let item of yourObject | keyvalue">
Key: <b>{{item.key}}</b> and Value: <b>{{item.value}}</b>
</div>
作業演示
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/522529.html
標籤：有角度的循环核心价值
上一篇：帶有連接節點的鏈接的聚集氣泡