javascript - 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: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/