隐藏角度js，Html中的表格内容

Question

我是角色的新手，我有一个像这样的桌子，它有角度数据，没有任何控制器或模型。它只是以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>      

以下输出就是这样..

默认情况下，使用“repeat”，

显示加载所有COMMODITY值

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

Answer 1

您可以使用AngularJS limitTo过滤器记录here。

在你的代码中

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