是否可以使用数组内插值获取值?

问题描述 投票:0回答:2

我试图使用插值在html中获取值。为此我在数组[]中使用插值,如sessions[{{item.sessionNumber}}]来获取索引。我仍然无法得到结果

<ion-item class="item" text-center no-lines *ngFor="let item of token let i=index">
  Time:{{item.client[0].sessionDetails.sessions[{{item.sessionNumber}}].startTime}}
</ion-item>
html angular typescript
2个回答
1
投票

在您的示例中,您不需要在插值内使用插值。

由于模板语法类似JavaScript,因此以下内容应该有效。

<ion-item class="item" text-center no-lines *ngFor="let item of token let i=index">
  Time:{{ item.client[0].sessionDetails.sessions[item.sessionNumber].startTime }}
</ion-item>

这假设您在组件中有一个具有以下结构的对象:

item = {
  client: [{ 
    sessionDetails: {
      sessions: [ { startTime: "12:00"} ]
    }   
  }],
  sessionNumber: 0
};

0
投票

调用函数并发送索引。你不能使用这样的插值

© www.soinside.com 2019 - 2024. All rights reserved.