1. ホーム
  2. javascript

[解決済み] AngularJS:テンプレートの中で変数を設定するには?

2023-02-13 08:27:54

質問

どうすれば {{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/