Question

如何从数据库中获取最后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>

通过上面的代码，我得到了所有记录。我想做类似的事情：

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

Answer 1

为了限制NGFor的输出，请参阅以下答案：Angular 2: how to apply limit to *ngFor?

如果您没有对其余数据做任何特别的事情，请参阅@Delosdos评论：您应该考虑在服务器端过滤数据集。

Answer 2

我这样做了：

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

Answer 3

Angular 2为List或String表达式的子集提供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>

注意：start和end从零开始。

Angular 2 - 从数据库

3 个答案: