Ionic 我如何在Angular /离子中得到一个通用列表?

uttx8gqw  于 2022-12-08  发布在  Ionic
关注(0)|答案(1)|浏览(185)

我有一个数组。在这个数组中是我想在泛型列表中使用的当前键。

['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中得到一个泛型列表,在那里我想从一个数组中得到键?2我希望我已经充分地描述了我的问题。
先谢了

wj8zmpe1

wj8zmpe11#

您可以通过其index/key动态访问,因此ion-label绑定应更改为以下值。

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

代替

{{value.columnName}}

此外,还有一个排印错误tableDescripton应为tableDescription
Stackblitz

相关问题