Отобразить элементы JSON числового элемента

Question

У меня есть данные json, и я хотел бы отобразить элементы данных json, но не могу достичь элемента phone.0 при достижении phone.snippet или phone.age , и этовыдает ошибку "Ошибка парсера: неожиданный токен '0'" Вот мой код;

 <ul>
    <li *ngFor="let phone of phones">
      {{ phone.age }}
    </li>
  </ul>

 <ul>
    <li *ngFor="let phone of phones">
      {{ phone.0 }}
    </li>
  </ul>

И .ts file

export class AppComponent  {

    phones = [{
        "0": "Nexus S",
  "snippet": "Fast just got faster with Nexus S.",
     "age": 0
    }];

}

Answer 1

<ul>
    <li *ngFor="let phone of phones">
      {{ phone.age }}
    </li>
  </ul>

 <ul>
    <li *ngFor="let phone of phones">
      {{ phone[0] }}
    </li>
  </ul>

Это будет работать для вас.

Answer 2

используйте {{ phone["0"]}} для этого

<ul>
  <li *ngFor="let phone of phones">
    {{ phone.age }}
  </li>
</ul>
<ul>
  <li *ngFor="let phone of phones">
    {{ phone["0"]}}
  </li>
</ul>

Answer 3

Вы можете получить доступ к свойству '0' следующим образом:

<ul>
  <li *ngFor="let phone of phones">
    {{ phone.age }}
  </li>
</ul>
<ul>
  <li *ngFor="let phone of phones">
    {{ phone[0] }}
  </li>
</ul>