AngularJS：如何在模板内部设置变量？

如何避免{{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>

使用ngInit：https : //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/

这不是最佳答案，而是一个选择：由于您可以连接多个表达式，但是只渲染最后一个表达式，因此您可以使用结束表达式，""并且变量将被隐藏。

因此，您可以使用以下命令定义变量：

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