Comment ne pas afficher un champs vide dans un template

Bonjour,

dans mon template j'ai un champ {{result.instructions}} qui peut être vide
dans un ng-repeat voici ce que j'ai pour ce champs

Code:

---

<p><span class="textColor">Instructions</span> : {{result.instructions}}</p>

---

Comment ne pas afficher cette ligne si result.instructions est vide.

Merci

Salut!

Si tu boucle sur le tableau result.instructions :

Code:

---

1 2 3 4

<div ng-repeat="instruction in result.instructions"> <span ng-show="instruction">{{instruction}}</span> </div>

---

avec un ng-show, la balise n'est seulement pas affichée. C'est l'équivalent d'un display:none en css.
Si tu veux supprimer la balise du DOM, il faut utiliser ng-if.

Code:

---

1 2 3 4

<div ng-repeat="instruction in result.instructions"> <span ng-if="instruction">{{instruction}}</span> </div>

---

Dans le cas ou tu teste la taille du tableau :

Code:

---

1 2 3

<div ng-if="result.instructions.length > 0"> {{result.instructions}}</div>

---

Citation:

---

Envoyé par altair8080

Bonjour,

dans mon template j'ai un champ {{result.instructions}} qui peut être vide
dans un ng-repeat voici ce que j'ai pour ce champs

Code:

---

<p><span class="textColor">Instructions</span> : {{result.instructions}}</p>

---

Comment ne pas afficher cette ligne si result.instructions est vide.

Merci

---

Code:

---

<p data-ng-if="result.instructions"><span class="textColor">Instructions</span> : {{result.instructions}}</p>

---

Tout simplement.

Citation:

---

Envoyé par altair8080

Si tu veux supprimer la balise du DOM, il faut utiliser ng-if.

---

C'est mal formulé. La balise n'est pas supprimée du DOM. La balise n'est pas dans le DOM si la condition du if n'est pas remplie. C'est pas pareil !

Citation:

---

Envoyé par Marco46

Tout simplement.

---

Oui, mais j'ai donné plusieurs exemples, à lui de faire son choix et de modifier le code...
Par ailleurs, tester la taille du tableau ne revient pas au même que de tester s'il est ou pas undefined... :wink:

Avec ton code, on teste si le tableau est défini et non qu'il contient des éléments... Par contre, si tu itère sur les éléments d'un tableau, tu peux tester la nulité d'un élément par exemple.

Citation:

---

Envoyé par Marco46

C'est mal formulé. La balise n'est pas supprimée du DOM. La balise n'est pas dans le DOM si la condition du if n'est pas remplie. C'est pas pareil !

---

Euh... ceci est tiré de la doc... :

Citation:

---

Envoyé par doc AngularJS

The ngIf directive removes or recreates a portion of the DOM tree based on an {expression}. If the expression assigned to ngIf evaluates to a false value then the element is removed from the DOM, otherwise a clone of the element is reinserted into the DOM.

---

Alors, "supprimé", "retiré", "remplacé"... c'est a peu près pareil. Si la condition n'est pas remplie, oui, la balise es absente. Mais si le modèle change entre temps, hop ! la balise apparaît et ainsi de suite. Alors excuse moi mais c'est bien supprimé du DOM.
le lien : doc AngularJS