[javascript] AngularJS : 템플릿 내부에 변수를 설정하는 방법은 무엇입니까?

Program / 글쓴이

{{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]; ""}}

답변