Liaison conditionnelle avec AngularJS, concaténer et lier la valeur si la propriété n'est pas vide
Je suis nouveau sur Angulaire et suis en train de lier une chaîne de caractères à un modèle si la valeur !== vide. Ce travail pour une entrée, mais je tiens à combiner plusieurs saisies de texte en une seule chaîne.
<input type="text" ng-model="data.source">
<input type="text" ng-model="data.medium">
<span ng-show="data.source"><h3>{{'additionToSource' + data.source}}</h3></span>
<span ng-show="data.medium"><h3>{{'additionToMedium' + data.medium}}</h3>
source d'informationauteur CoreyRab
Vous devez vous connecter pour publier un commentaire.
Démonstration en direct ici (cliquez).
Vous pouvez simplement ajouter le
ng-show
oung-hide
directive de lah3
lui-même si vous êtes désireux de cacher l'ensemble de l'élément.Sinon, vous pouvez utiliser ternaire dans la liaison pour déterminer ce qui est lié:
Explication:
Pour votre code, ce serait:
En fonction de vos commentaires, vous pouvez aussi être à la recherche de retour d'une liaison avec une fonction: Démonstration en direct (clic).
JavaScript: