当前位置: 首页 > 面试题库 >

如何根据条件使用ng-if和table显示td

刘曾琪
2023-03-14
问题内容

参考之前关于DIV中ng-if的文章以供参考,这里给出了链接::Ng-If在DIV中,但是当我在ng-repeat表上尝试ng-if并在td上使用ng-repeat时,似乎没有做得好。如果我错了,请纠正我,我根据条件尝试进行2次显示该列,但均无效果。下面我给出了代码以供参考。有人可以帮我这个忙。请告知是否需要进一步说明。

HTML

尝试:: 1

   <table>
        <tr ng-repeat = "data in comments">
            <td ng-if="data.type == 'hootsslllll' ">
             //differnt template with hoot data
            </td>
            <td ng-if="data.type == 'story' ">
             //differnt template with story data
            </td>
            <td ng-if="data.type == 'article' ">
            //differnt template with article data
            </td>
        </tr>

    </table>

尝试:: 2

<table>
    <tr ng-repeat = "data in comments">
        <div ng-if="data.type == 'hootsslllll' ">
            <td> //differnt template with hoot data </td>
        </div>
        <div ng-if="data.type == 'story' ">
            <td> //differnt template with story data </td>
        </div>
        <div ng-if="data.type == 'article' ">
            <td> //differnt template with article data </td>
        </div>
    </tr>
</table>

问题答案:

ng-if应该为您工作 try :: 1 。这是小提琴的工作示例

http://jsfiddle.net/shivaraj/n3xWB/



 类似资料:
  • 角JS很新,需要一些帮助。如何使用ng-if显示或隐藏不同的输入字段?我目前正在使用ng-show,但它并没有完全删除DOM,因此在验证期间很困难。我希望在特定div中显示的输入字段仅在选择时成为强制性的。 当我单击选择基金时,我希望显示show me2 div并强制字段。当我单击选择产品时,我希望显示show me1 div并强制字段。请参阅下面的当前代码:

  • 问题内容: 我已经搜索了几个小时,似乎无法在任何地方找到问题的答案。我记得我曾经能够实现它,但是由于某种原因我丢失了代码,而且我似乎不记得为使它起作用而做了什么。 我正在尝试使用ng-options在选择框中显示来自数组的数据。我没有问题的那个。我需要实现的是,只有某些数组值会显示/包括在选择框中。 我的数据如下: 我的HTML看起来像: 所以我想发生的是,如果属性“ active”的值为fals

  • 我想比较一下id,这里,如果id等于5,做这个,否则做那个。我怎样才能做到这一点?

  • 我有一个数据表(mtcars)。它有名称为:mpg cyl disp hp drat wt qsec vs的列,我想将每一列与vs进行比较(第1列vs第8列,第2列vs第8列等),并从1:7开始将每一列颜色为红色(如果元素小于第8列中的元素)、黄色(如果元素相等)或绿色(如果元素较大)。 我已经使用了KableExtra包,并使用了下面的代码: 也尝试了condformat和tableHTML..

  • 问题内容: 我想知道是否可能有这样的事情: 知道项目是通过请求接收的JSON容器,因此这就是为什么我使用键值方法的原因。 谢谢 我之所以问是因为我尝试使用Google进行谷歌搜索,但是我唯一能得到的结果是,但是我必须使用。 问题答案: 你当然可以。就像是: HTML JS 演示小提琴

  • 本文向大家介绍AngularJS实现根据不同条件显示不同控件,包括了AngularJS实现根据不同条件显示不同控件的使用技巧和注意事项,需要的朋友参考一下 由于项目需求,需要实现根据不同条件显示不同控件的功能。具体要求如下图所示: 即当选择“每单固定减”时,下方只显示“减免金额”一栏;     当选择“每单固定折扣”时,下方只显示“折扣比例”一栏;     当选择“每单满额减”时,下方只显示“满.