javascript - 如何在 AngularJS ng-repeat 中使用带空格的变量？

Question

我正在使用第 3 方 API 来填充我的前端。我无法控制 API，只能使用 REST URL 显示数据。

<tr ng-repeat="stat in allStats">
      <td>{{stat.date}}</td>
      <td>{{stat.Organic Inbound}}</td>
</tr>

请检查这个{{stat.Organic Inbound}} .我们不能使用这个 Organic Inbound因为这两个词之间有一个空格。而且我无法更改后端变量格式。请告诉我如何在 AngularJS ng-repeat 中使用这些类型的变量。我用过一次，老实说，我不记得我是怎么做到的。我试过 <td>{{stat.$(Organic Search)}}</td>和 <td>{{stat.'Organic Search')}}</td>以及更多方式。

我们不能在 JavaScript Controller 中映射这个对象并更改它，因为有成千上万的数据传入，这会使过程变慢。请告诉我如何解决这个问题。我们不能使用\吗？忽略这个空间？欢迎任何建议。

Answer 1

您需要使用方括号访问它，例如:

<td>{{stat['Organic Inbound']}}</td>

这是因为 Organic Inbound 是对象 stat 的键，并且由空格分隔。使用方括号会将整个字符串值 Organic Inbound 评估为 stat 的键。