Comment utiliser ng-si avec tr tag avec ng-repeat?

Quelqu'un peut-il m'aider sur ce point? Ci-dessous mon code et le problème de l'explication.

<table>
 <thead>
   <tr>
     <th>Icon</th>
     <th>Name</th>
     <th>Details</th>
   </tr>
 </thead>

 <tbody ng-repeat="category in editor.categories">
    <tr>
      <th>{{category.categoryName}}</th>
    </tr>
    <tr ng-repeat="feature in category.features"> //Question?
       <td>{{feature.iconImg}}</td>
       <td>{{feature.featureName}}</td>
       <td>{{feature.details}}</td>
     </tr>
     <tr ng-if="feature.id==1"> //condition 1
     </tr>
     <tr ng-if="feature.id==2"> //condition 2
     </tr>
  </tbody>
</table>

Maintenant, laissez-moi vous expliquer le problème. J'ai un groupe de Catégories. Chaque catégorie comme un groupe de fonctionnalités.

Maintenant, ma question est, comment peuvent-ils disposent pour chaque catégorie peuvent être affichées en fonction de la ng-if condition. c'est à dire, la <tr> à la condition 1, devrait être affiché uniquement si feature.id==1 et va de même pour la condition 2, ainsi que si feature.id==2.

Q. Comment puis-je inclure mon ng-si la condition sur la base des différentes conditions?

Votre aide est très apprécié.

  • ressemble ng-repeat-start, ng-repeat-end de mieux l'adapter à votre structure html que.
InformationsquelleAutor Karthik | 2015-09-08
  1. 2

    Utiliser les deux ng-si et ng-repeat dans un délai d'un tag:

    <tr ng-repeat="feature in features"
    ng-if="feature.id === 1" >
</tr>

    Ou, si vous voulez conditionnellement à afficher certains modèles, vous pouvez utiliser ng-interrupteur par exemple:

    <tr
    ng-repeat="feature in features"
    ng-switch="feature.id" >
    <span ng-switch-when="1"></span>
    <span ng-switch-when="2"></span>
</tr>
    • Serait-ce la cause de la <span>'s dans votre deuxième exemple pour obtenir effectivement rendus à la cathédrale? Si oui, est que le code HTML valide (ayant une portée directement à l'intérieur d'un tr sans un td?)
    • sauvé mon temps. merci
    InformationsquelleAutor Girafa
  2. 3

    vérifier ng-switch et ng-commutateur-lorsque

    https://docs.angularjs.org/api/ng/directive/ngSwitch

    Ce qui concerne

    InformationsquelleAutor z0r0