programing

AngularJS: 템플릿 내에서 변수를 설정하려면 어떻게 해야 합니까?

easyjava 2023. 3. 15. 20:02
반응형

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

언급URL : https://stackoverflow.com/questions/16665319/angularjs-how-to-set-a-variable-inside-of-a-template

반응형