在angular js，Html中隐藏表格内容答案

【问题标题】：Hide table content in angular js, Html在angular js，Html中隐藏表格内容
【发布时间】：2017-12-10 07:53:34
【问题描述】：

我是角度的新手，我有一个像这样的表，它有角度数据，它没有任何控制器或模型。它只是在 html 中显示。

    <table  width="98%" border="0" cellspacing="1" cellpadding="2" class="labels" align="center" id="locc">

      <tr style="color:#000;font-size:15px;font-family:Arial, Helvetica, sans-serif;background-color:gold;background-repeat:repeat-x; border: 1px solid #c1c1c1;"
       height="30" >
        <td  width="211"  align="center">COMMODITY / CITY</td>
        <td  width="149" align="center" valign="middle"  >BUY</td>
        <td  width="175" align="center" valign="middle" >SELL</td> 
      </tr>
      <tbody ng-repeat="item in newsData" >
        <div id="comm">
        <tr bgcolor="#FFFFFF" height="40"   >
          <td  align="center" id="commodity" style="border: 1px solid #c1c1c1;color:#000;font-size:15px" >{{item.COMMODITY}}</td>
          <td  align="center" valign="middle" style="border: 1px solid #c1c1c1;color:#000000;font-size:20px" class="{{item.BCOL}}" ><div  >&nbsp;&nbsp;{{item.BUY}}&nbsp;&nbsp;</div></td>
          <td  align="center" valign="middle" style="border: 1px solid #c1c1c1;color:#000000;font-size:20px" class="{{item.SCOL}}"  ><div >{{item.SELL}}&nbsp;&nbsp;</div></td>

        </tr></div>
      </tbody>
    </table>

下面的输出是这样的..

默认情况下，它加载的所有商品值都使用“重复”显示，

我想要的只是要显示的前两个商品，其余我想删除..请帮我这样做.. 我只想要这两个值“GOLD999[IMPORTED][BLR]”、“SILVER-30KG[ALL LOCATION]”

【问题讨论】：

您的意思是要显示前两行吗？还是按原样显示整个表格，但仅隐藏商品列内第二个单元格之后的所有单元格？

标签： javascript jquery html css angularjs

【解决方案1】：

您可以使用 AngularJS limitTo 过滤器，如文档中的 here。

在你的代码中

<tbody ng-repeat="item in newsData | limitTo : 2" >

【讨论】：

还有一件事.. 我想发送这些数据以显示在移动应用程序中.. 我怎样才能将其转换为 JSON 并将它们作为 api 发送？？