javascript - 在angular js，Html中隐藏表格内容

Question

我是 Angular 的新手，我有一个这样的表，它有 Angular 数据，它没有任何 Controller 或模型。它只是以 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>      

下面的输出是这样的..

默认情况下，它加载所有 COMMODITY 值时使用“repeat”显示，

我想要的只是要展示的前两个商品，剩下的我想删除..请帮我做这件事..我只想要这两个值 "GOLD999[IMPORTED][BLR]", "SILVER-30KG[ALL LOCATION]"

Answer 1

您可以按照记录使用 AngularJS limitTo 过滤器 here .

在你的代码中

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