Discussion :

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

Sélectionner tout - Visualiser dans une fenêtre à part

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

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

Merci

[slim]

Salut!

Si tu boucle sur le tableau result.instructions :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[Marco46]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

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

Merci

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

Tout simplement.

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 !

[slim]

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

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.

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

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