隐藏表格内容/剪切角度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-repeat:repeat-x" height="30" >
    <td colspan="4"  align="center"></td>
  </tr>
  <tr style="color:#000;font-size:15px;font-family:Arial, Helvetica, sans-serif;background-color:gold;background-repeat:repeat-x"
      height="30" >
    <td  width="211"  align="center">COMMODITY</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 | limitTo : 2" >
  <tr bgcolor="#FFFFFF" height="40"  >
    <td  align="center" style="background-image:url(images/td.png);color:#000;font-size:15px" >{{item.COMMODITY | limitTo: 18 }}</td>
    <td  align="center" valign="middle" style="color:#000000;font-size:20px" class="{{item.BCOL}}" ><div  >&nbsp;&nbsp;{{item.BUY}}&nbsp;&nbsp;</div></td>
    <td  align="center" valign="middle" style="color:#000000;font-size:20px" class="{{item.SCOL}}"  ><div >{{item.SELL}}&nbsp;&nbsp;</div></td>

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

以下输出就是这样..

默认情况下，所有数据都在Commodity下。我想只显示 999 [GOLD] [IMPORTED] 等内容，然后剪切剩余的文字。

Answer 1

then try limitTo filter:
This shows only number of characters from beginning,
what you want to display:
{{ item.COMMODITY | limitTo: 19 }}
since 999[GOLD][IMPORTED] has 19 characters