角度jsのテーブルコンテンツを非表示にする

角度に新しい、私は角度データを持っているこのようなテーブルを持っています、そのコントローラやモデルを持っていません。 htmlで表示するだけです。角度jsのテーブルコンテンツを非表示にする

<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>

次の出力は次のように..です

デフォルトではそのロードが全商品の値は、「リピート」を使用して表示されて、私が欲しいもの

のみです最初に表示される2つの商品は、残りの部分を取り除きたいです。どうかしてください。「GOLD999 [IMPORTED] [BLR]」、「シルバー30KG [すべての場所]」

出典

2017-12-10 Salman Riyaz

あなたが最初の2行のを表示することを意味するのですか？またはテーブル全体をそのまま表示するが、商品列内の2番目のセルの後ろにあるすべてのセルを隠すことはできますか？ –

AngularJS limitToフィルターを文書化されたhereとして使用できます。

あなたのコードでは

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

出典

2017-12-10 08:06:28

ありがとうございました.. –

もう1つ..私はこのデータをモバイルアプリで表示するようにしたいのですが、どうすればJSONにしてapiとして送ることができますか？ –

角度jsのテーブルコンテンツを非表示にする

答えて

関連する問題