AngularJS:如何在模板中设置变量？

Question

如何避免{{f = ...}}在第三行中的语句打印出内容forecast[day.iso]？

我想避免forecast[day.iso].temperature每次迭代使用等等.

<div ng-repeat="day in forecast_days">
  {{$index}} - {{day.iso}} - {{day.name}}
  {{f = forecast[day.iso]}}
  Temperature: {{f.temperature}}<br>
  Humidity: {{f.humidity}}<br>
  ...
</div>

Answer 1

使用ngInit:http://docs.angularjs.org/api/ng.directive:ngInit

<div ng-repeat="day in forecast_days" ng-init="f = forecast[day.iso]">
  {{$index}} - {{day.iso}} - {{day.name}}
  Temperature: {{f.temperature}}<br>
  Humidity: {{f.humidity}}<br>
  ...
</div>

示例:http://jsfiddle.net/coma/UV4qF/

Answer 2

这不是最好的答案,但它也是一个选项:因为你可以连接多个表达式,但只有最后一个表达式被渲染,你可以用你的表达式完成"",你的变量将被隐藏.

因此,您可以使用以下内容定义变量:

{{f = forecast[day.iso]; ""}}