AngularJS: Comment définir une variable à l'intérieur d'un modèle?

Comment puis-je éviter que la {{f = ...}}déclaration de la troisième ligne imprime le contenu deforecast[day.iso] ?

Je veux éviter d'utiliser forecast[day.iso].temperatureet ainsi de suite à chaque itération.

<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>

javascript angularjs ng-init

— Daniel F
source

Ce n'est peut-être pas une réponse, mais une astuce utile est d'utiliser {{f = prévisions [day.iso]; ""}} car cela n'imprimerait rien sur la vue.

— Matt Leonowicz

Réponses:

189

Utilisez 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>

Exemple: http://jsfiddle.net/coma/UV4qF/

— coma
source

Si vous voulez plus d'une variable, séparez-les simplement par un point-virgule ';'

— bentzy

Astuce pour les non-initiés ... en fonction de la structure de votre modèle, vous pouvez vous retrouver avec tous les enregistrements affichant uniquement la dernière valeur de votre variable (dans mon cas, Angular a mis à jour les substitutions lors d'un cycle de résumé ultérieur, car elles sont toutes liées à la même expression)! Pour lutter contre cette situation, vous pouvez affecter la variable en tant que propriété de l'enregistrement actuel en cours d'itération (si cela convient à votre cas d'utilisation). Dans l'exemple ci-dessus, cela deviendraitng-init="day.f = forecast[day.iso]"

— John Rix

Ce n'est pas la meilleure réponse , mais c'est aussi une option: puisque vous pouvez concaténer plusieurs expressions, mais que seule la dernière est rendue, vous pouvez terminer votre expression avec ""et votre variable sera masquée.

Ainsi, vous pouvez définir la variable avec:

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

— Zanon
source

Est-ce une fonctionnalité documentée?

— Daniel F

@DanielF, je n'ai pas pu trouver. Je viens de voir ce commentaire, j'ai testé l'idée, je l'ai aimé et j'ai décidé de l'ajouter comme réponse car il a plus de visibilité et est plus difficile à perdre.

— Zanon

@DanielF, vient de trouver cette réponse très votée qui propose la même solution. C'est aussi sans lien doc.

— Zanon

@DanielF, j'ai mis à jour ma réponse. J'ai dû poser une question pour mieux comprendre. Ce n'est pas une particularité. Juste le comportement d'expressions concaténantes.

— Zanon

Ce hack est particulièrement utile lorsque vous voulez que l'expression soit liée aux changements de portée, plutôt que de l'exécuter une fois sur init.

— Ronny