在Angularjs中使用相同条件隐藏表中的多个<TR>

Question

我想在一个表格中超过7-8行的表格中使用相同的ng-show条件。我不想在所有7-8个tr元素中重复ng-show="same condition“。我有没有办法把这个条件放在最高级别？

下面是我的代码，这里有时condition1和condtion2都为真，有时只有condition1为真，有时只有condition2为真，我不想每次都重复条件。

 <table>
     <tr ng-show="condition1" >
       <td>test1 </td><td>some value</td>
    </tr> 
    <tr ng-show="condition1" >
       <td>test2</td><td>some value</td>
   </tr> 
    <tr ng-show="condition2" >
       <td>test3</td><td>some value</td>
   </tr> 
    <tr ng-show="condition2" >
       <td>test4</td><td>some value</td>
    </tr> 
    <tr ng-show="condition2" >
       <td>test5</td><td>some value</td>
    </tr> 
    <tr ng-show="condition2" >
          <td>test6</td><td>some value</td>
   </tr> 
</table>

Answer 1

您可以尝试以下方法(而不是使用span的div try )：

    <table>
      <div ng-show="condition1">
         <tr>
           <td>test1 </td><td>some value</td>
        </tr> 
        <tr>
           <td>test2</td><td>some value</td>
       </tr> 
     </div>
     <div ng-show="condition2">
        <tr>
           <td>test3</td><td>some value</td>
       </tr> 
        <tr>
           <td>test4</td><td>some value</td>
        </tr> 
        <tr>
           <td>test5</td><td>some value</td>
        </tr> 
        <tr>
              <td>test6</td><td>some value</td>
       </tr> 
     </div>
    </table>

Answer 2

试一试

  <table>
         <tr>
           <td>test1 </td><td>some value</td>
        </tr> 
        <tr>
           <td>test2</td><td>some value</td>
       </tr> 
     <tbody ng-show="condition2">
        <tr>
           <td>test3</td><td>some value</td>
       </tr> 
        <tr>
           <td>test4</td><td>some value</td>
        </tr> 
        <tr>
           <td>test5</td><td>some value</td>
        </tr> 
        <tr>
              <td>test6</td><td>some value</td>
       </tr> 
     </tbody>
    </table>