相关疑难解决方法(0)

有没有办法告诉AngularJS不要显示具有ng-if指令的顶级HTML元素.我希望angular只显示子内容.

角度代码:

    <div ng-if="checked" id="div1">
      <div id="div2">ABC</div>
      <div id="div3">KLM</div>
      <div id="div4">PQR</div>
   </div>

呈现的HTML:

   <div id="div1"> 
      <div id="div2">ABC</div>
      <div id="div3">KLM</div>
      <div id="div4">PQR</div>
   </div>

我想要的是:

   <div id="div2">ABC</div>
   <div id="div3">KLM</div>
   <div id="div4">PQR</div>

这是一个小提琴.http://jsfiddle.net/9mgTS/.我不想要#div1HTML.我只是想#div2,3,4,如果checked是true.

一个可能的解决方案是将ng-if添加到所有子元素,但我不想这样做.

我想<td>基于相同的条件显示许多元素.我目前正在使用多个相同的ng-if指令,因此:

<tbody>
  <tr>
    <td> Display unconditionally </td>
    <td> Same here... (imagine more columns) </td>
    ...
    <td ng-if='myCondition'> Display based on condition </td>
    <td ng-if='myCondition'> And the same </td>
    <td ng-if='myCondition'> for plenty of columns </td>
  </tr>
</tbody>

虽然这是有效的,但人们不禁会注意到所有的重复.关于如何干涸的任何想法？