Возникла проблема с доступом к данным именованных переменных json "%" в ionic 4

Question

Мои данные в формате JSON имеют вид:

{
  %: 0,
  Absent: 1,
  Month: "May 2019",
  Present: 0
}

, и я хочу получить доступ к данным% в моем коде, но это дает мне ошибку,

Я пытался, например:

i.%

как обычный доступ к данным json

<ion-row class="row2" *ngFor='let i of mainData'>
  <ion-col>
    <div class="col-1 div-font">{{i.Month}}</div>
  </ion-col>
  <ion-col>
    <div class="div-font">{{i.Present}}</div>
  </ion-col>
  <ion-col>
    <div class="div-font">{{i.Absent}}</div>
  </ion-col>
  <ion-col size="2.5">
    <div class="div-font">{{i.%}}</div>
  </ion-col>
</ion-row> 

Это ошибка, которую я получаю

Answer 1

Вы можете получить доступ к любому свойству, если используете obj['prop'] вместо obj.prop, хотя это противоречит типу безопасности / сопоставлению с образцом и будет означать, что если вы измените свойство позже (скажем, % на * 1004)*), вам придется вручную менять каждые obj['%'] на obj.percent (или obj['percent'], но, пожалуйста, не надо).

Я бы рекомендовал изменить ваш ответ JSON, чтобы вместо % было другое имя свойствачто-то, что не содержит специальных символов, если это возможно.

Если вы не можете изменить его или действительно хотите придерживаться его, просто используйте:

<div class="div-font">{{i['%']}}</div>

.