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

Comment puis-je éviter d'avoir le {{f = ...}} déclaration à la troisième ligne, imprimez le contenu de forecast[day.iso]?

Je veux éviter d'utiliser forecast[day.iso].temperature et ainsi de suite pour 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>
  • Il pourrait ne pas être une réponse, mais l'astuce est d'utiliser {{f = prévision[day.iso];""}} car il ne serait pas imprimer quoi que ce soit sur la vue.
InformationsquelleAutor Daniel F | 2013-05-21
  1. 178

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

    • Si vous voulez plus d'une variable juste les séparer par un point-virgule ';'
    • Conseil pour les non-initiés... en fonction de votre modèle de structure, vous pouvez vous retrouver avec tous les dossiers en indiquant uniquement la dernière valeur de votre variable (dans mon cas, Angulaire mise à jour de la substitution ultérieure digérer cycle, car ils sont tous liés à la même expression)! Pour lutter contre cette situation, vous pouvez attribuer à la variable en tant que propriété de l'enregistrement en cours itérée (si pratique à votre cas d'utilisation). Dans l'exemple ci-dessus, ce serait devenue ng-init="day.f = forecast[day.iso]"
    InformationsquelleAutor coma
  2. 31

    C'est pas la meilleure réponse, mais il est aussi une option: vous pouvez concaténer plusieurs expressions, mais juste le dernier rendu, vous pouvez terminer votre expression avec "" et votre variable sera caché.

    Donc, vous pouvez définir la variable avec: 

    {{f = forecast[day.iso]; ""}}
    • Est-ce une fonctionnalité documentée?
    • Je ne pouvais pas trouver. Je viens de voir this commentaire, testé l'idée, il a aimé et a décidé d'ajouter, à titre de réponse, car il a plus de visibilité et est plus difficile à perdre.
    • je viens de trouver ce haut voté répondre, qui propose la même solution. C'est aussi sans un doc lien.
    • J'ai mis à jour ma réponse. J'ai dû demander à question pour mieux le comprendre. Ce n'est pas une caractéristique particulière. Juste le comportement de la concaténation des expressions.
    • Ce hack est particulièrement utile lorsque vous voulez l'expression d'être lié à des changements de périmètre, plutôt que de courir une fois sur init.
    • Dans beaucoup de langues de modèle il y a deux marqueurs de modèle. Un pour les évaluer et les autres pour les remplacer. Ceci est la base (ab)à l'aide Angulaire de remplacer le marqueur de modèle pour exécuter du code arbitraire à l'évaluation. Dans Angulaire, la ng-init directive est généralement prescrit outil pour cette tâche.

    InformationsquelleAutor Zanon