sur angulaire 7 J'ai les modèles: sur le modèle donné un produit dont j'ai besoin d'afficher l'URL du premier fichier qui tapez "image": p> < Pré> xxx pré> mais je reçois l'erreur: p> Comment faire cela? P> Note forte > p> Je ne suis pas sûr product.files.fild (x => x.type == 'image') code> renvoie tout élément. p> p>
3 Réponses :
C'est vraiment une mauvaise idée de le faire en premier lieu. Chaque fois que la détection de détection de changement, cet appel sera ré-exécuté. Cela fera glisser la performance de votre page vers le bas et pourrait même devenir inutilisable. La manière préférée est d'attribuer une valeur à une propriété et de se lier à cette propriété.
{{ imageUrl }}
Il est mauvais pratique d'utiliser des expressions dans des liaisons angulaires. Je suggère de déplacer votre expression dans une variable: et de votre HTML: p> regardez sur
Cela entraînera une erreur dans le cas de l'image de fichiers avec l'image de type, que OP indiquée est possible ... Mieux vaut retourner l'élément réel de la matrice de fichiers et la liaison comme {{myItem ?. URL}} code>
Dans votre code:
{{ getProd() }}
Vous voudrez peut-être utiliser une variable au lieu d'une méthode de vos crochets. Appelez ensuite une fonction (à init ou sur clic) pour changer sa valeur.
Dupliqué possible de Les fixations angulaires 2 - ne peuvent pas contenir d'affectations