角度ng-重复产生NaN

时间:2016-02-22 14:52:46

标签: javascript angularjs

我使用ng-repeat循环访问API的内容,并且我对名称中包含斜杠的项目有疑问。例如,这有效:

    <ul ng-controller="StandingsCtrl" class="list-inline">
      <div ng-repeat="standing in standings.results">
        <li><h3>{{ standing.musher }}</h3></li>
      </div>
    </ul>

但如果我使用{{ standing.musher/_text }},它会返回NaN。这就是JSON的样子:

musher: "http://iditarod.com/race/2015/mushers/92-Mitch-Seavey/"
musher/_text: "Mitch Seavey"
position: 2

这有什么诀窍吗?我根本没有出现控制台错误。使用Angular 1,而不是2。

1 个答案:

答案 0 :(得分:3)

使用此表示法{{ standing['musher/_text'] }}

<ul ng-controller="StandingsCtrl" class="list-inline">
  <div ng-repeat="standing in standings.results">
    <li><h3>{{ standing['musher/_text'] }}</h3></li>
  </div>
</ul>

使用{{ standing.musher/_text }}时,Angular将其评为分部:"http://iditarod.com/race/2015/mushers/92-Mitch-Seavey/" / undefined,结果为NaN