Is it possible to get a value using Interpolation inside array?

Question

I am trying to get a value in html using interpolation. For that i use interpolation inside the array[] like sessions[{{item.sessionNumber}}] to get the index. Still I cant get the result

<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>

Answer 1

In your example, you do not need to use interpolation inside interpolation.

Since the template syntax is JavaScript like, the following should work.

<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>

This assumes you have an object in the component with the following structure:

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

Answer 2

call a function and send the index. you can't use interpolation like this