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

时间:2018-07-06 13:40:08

标签: javascript angularjs

我正在使用第三方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控制器中映射此对象并更改它,因为有成千上万的数据传入,这将使处理过程变慢。请告诉我如何解决这个问题。我们不能使用\忽略此空间吗?任何建议都欢迎。

1 个答案:

答案 0 :(得分:4)

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

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

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