2015-03-25 40 views
23

我想显示一些基于相同的条件<td>元素的多个​​元素的NG-IF(或其他条件)申请。我目前做的是与多个相同,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> 

虽然这部作品一个不能不注意到所有的重复。关于我如何干这件事的任何想法?

+0

硬N的快速以下DRY心不是,你不能抵消堂妹的,你的要求,人们也用湿(一切写两次) – 2015-03-25 09:45:03

+0

mycondition是一样的吗? – 2015-03-25 09:45:39

+0

是的,条件是相同的。 – 2015-03-25 09:49:25

回答

39

使用NG-如果启动和NG-如果终端

<table> 
    <tr> 
     <td ng-if-start="false" >one</td> 
     <td>two</td> 
     <td ng-if-end >three</td></td> 
     <td>foure</td> 
     <td>five</td> 

     </tr> 
    </table> 

Plunker

+0

酷,不知道这个功能。既然它包含在Angular中的什么版本? – thomaux 2015-03-25 09:57:44

+0

谢谢,这似乎是我所需要的 - 将尝试它,并将其标记为正确的答案。你有没有碰巧找到任何官方文件? – 2015-03-25 09:57:51

+0

@rkon nopes没有正式documentation.I发现这几天就回来的地方我不记得:-P – squiroid 2015-03-25 10:03:36