2016-08-26 18 views
0

データベースから最後の5レコードを取得するにはどうすればよいですか?上記のコードでは角2 - データベースから最後の5レコードを取得

logs.component.html

<table class="table table-striped table-bordered"> 
     <thead> 
      <tr> 
       <th>Date</th> 
       <th>Logging in is completed?</th> 
      </tr> 
     </thead> 
     <tbody> 
       <tr *ngFor="let log of logs"> 

         <td >{{log.date}}</td> 
         <td >{{log.isCompleted}}</td> 

       </tr> 

     </tbody> 
</table> 

私はすべてのレコードを取得します。この回答を参照NGForの出力を制限するための

for(int i=logs.length();i>logs.length()-5;i--) 
+1

より効率的であるため、JavaScriptではなくデータベースレベルで結果をフィルタリングしたい場合があります。そうしないと、Angular2アプリはサーバーから不要なデータをダウンロードし、無視するだけです – Delosdos

答えて

0

私はそのようにやった:

<tr *ngFor="let log of logs; let i =index"> 

        <td *ngIf ="i>=logs.length -5">{{log.date}}</td> 
        <td * ngIf="i>=logs.length -5">{{log.isCompleted}}</td> 

      </tr> 
0

::私はに似何かをしたいと思いますが、データの残りの部分と、特定の何もしない場合Angular 2: how to apply limit to *ngFor?

をするを参照してください。 @Delosdos Comment:サーバー側でデータセットをフィルタリングすることを検討する必要があります。

0

角度2は、リストまたは文字列式のサブセットのためのSlice Pipeを提供します。

array_or_string_expression | slice:start[:end]

例:

<tr *ngFor="let log of logs | slice:0:4"> 
    <td >{{log.date}}</td> 
    <td >{{log.isCompleted}}</td> 
</tr> 

startendは、ゼロベースです。

関連する問題