如何在 Angular/Ionic 中獲得通用列表？

Question

我有一個數組。 在這個數組中是我想在通用列表中使用的當前鍵。

['index_nummer', 'index_name', 'min_val', 'max_val', 'index_wert']

當然，這些鍵可以根據所需的列表進行更改。 該數組存儲在變量 tableDescription=[] 中。

從 GetRequest 我得到一個帶有所需數據的 JSON。 同樣，該列表是通用的，因此鍵/值對可以更改。

{id: '24', index_nummer: '4', index_name: 'Test1', min_val: '51.0', max_val: '85.0', index_wert: 1}
{id: '26', index_nummer: '4', index_name: 'Test2', min_val: '51.0', max_val: '85.0', index_wert: 1}

JSON 存儲在變量 tableInformation=[] 中。

現在我試圖建立一個通用列表，但不幸的是沒有成功：

   <ion-item id="list-value" button *ngFor="let value of tableInformation">
                <div *ngFor="let columnName of tableDescripton">
                  <ion-col size="1.8" offset="0" class="tableStructure">
                    <ion-label>{{value.columnName}}</ion-label>
                  </ion-col>
                </div>
   </ion-item>

目前沒有數據顯示。 我也沒有收到錯誤消息。 在數據插值 {{value.columnName}} Angular 想要返回具有匹配鍵（columnName）的值。 但是，我希望密鑰來自我的 tableDescription 數組。 現在問題來了：如何在 Angular/Ionic 中獲得一個通用列表，我想從數組中獲取鍵？ 我希望我已經充分描述了我的問題。

提前致謝

Answer 1

您可以通過其index / key動態訪問，因此ion-label綁定應更改為以下。

<ion-label>{{value[columnName]}}</ion-label>

代替

{{value.columnName}}

另外，有一個錯字tableDescripton應該是tableDescription

堆棧閃電戰