10
votes

Comment utiliser NG-si avec table pour afficher TD basé sur la condition

En référence à la poste antérieure sur NG-si dans la DIV pour référence Le lien indiqué ici :: ng-si dans DIV , cependant, lorsque j'ai essayé la même chose avec NG-si dans la table à l'intérieur de NG-répéter sur TD, il ne semble pas fonctionner bien . Corrigez-moi si je me trompe, j'ai fait 2 essais pour afficher la colonne en fonction de la condition mais aucune ne fonctionne. Vous avez ci-dessous donné le code de référence. Quelqu'un pourrait-il m'aider à cela. Veuillez savoir si vous avez besoin de plus de clarification.

html

essayer :: 1 < Pré> xxx

essayer :: 2 xxx

angularjs angular-ng-if

6 commentaires

Cela ne semble pas bien fonctionner. Pouvez-vous élaborer? Qu'est-ce que ça ne fait (pas)?
Les tables ne sont parfois pas comme DIVS à l'intérieur tress. Essayez de supprimer les divs et de mettre l'expression ng-si elle est directement dans la balise TD. @Zackargyle dans mon premier essai j'ai fait la même chose mais ça ne marche pas @: Tim Castelijns doit afficher la colonne en fonction de la condition NGIF ajoute et supprime les nœudes DOM en fonction de la condition, vous pouvez essayer d'essayer ngshow ou nghide qui définit simplement l'élément en question à < Code> Affichage: Aucune . Fonctionne bien ici: plnkr.co/edit/pbcnmkqkeokovcTaryg0q2?p=preview . Vous devrez nous en dire plus sur votre code, votre version angulaire, etc. Essayez de créer un minimum de plunkr reproduisant le problème. Et dites-nous précisément ce qui se passe.

3 Réponses : 4 votes La plupart des navigateurs ignoreront tout autre élément DOM dans une structure de table s'il n'est pas bien formé. Ce qui implique, dans votre code ci-dessus, vous ne pouvez pas avoir div étiquette dans un tr . Essayez cela à la place xxx 0 commentaires 12 votes ng-si devrait fonctionner pour votre ESSAYER :: 1 . Voici l'exemple de travail du violon http://jsfiddle.net/shivaraj/n3xwb/ 0 commentaires 3 votes Évitez d'utiliser l'intérieur pour adhérer à une meilleure sémantique du navigateur. De plus, lors de la vérification de l'égalité '===' peut être une meilleure option, si vous souhaitez assurer le type de valeur de la valeur de l'expression de l'égalité. Ceci fonctionne pour les deux et individuellement xxx http://jsfiddle.net/mu6t6/3/ 0 commentaires Articles qui pourrait vous intéresser : Recherche d'un div dans une vue AngualrJS ui-router, en utilisant document.querySelector Problème avec la visibilité des options dans ui-select + parent div a overflow-x pour faire défiler Rapporteur: Erreur lors de l'attente de la synchronisation de Protractor avec la page: "La testabilité angularJS et la testabilité angulaire ne sont pas définies Comment utiliser correctement AngularJS $ http.post pour mettre à jour la table MySQLi via PHP? © 2020 www.devfaq.fr - Licensed under cc by-sa 3.0 with attribution required.