在ionic 4中访问json“％”命名变量数据时遇到问题

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，则可以访问任何属性，尽管这有点违反类型安全/模式匹配，并且意味着如果您稍后更改属性（例如 % 到 @987654324 @)，您必须手动将每个 obj['%'] 更改为 obj.percent（或 obj['percent']，但请不要）。

我建议将您的 JSON 响应更改为将 % 改为另一个属性名称，尽可能不包含特殊字符。

如果您无法更改或真的想坚持使用它，请使用：

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

相反。