angularjs - 在Angularjs中使用相同的条件在表格中隐藏多个

Question

我想在一个表格的 7-8 个表格行中使用相同的 ng-show 条件。我不想在所有 7-8 tr 元素中重复 ng-show="same condition"。有什么办法可以将条件置于最高水平？

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

 <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

尝试

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

Answer 2

您可以尝试以下方式（而不是 div 尝试使用 span ）：

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