angular - Angular 2 - 配列内の最後の 3 つの項目を表示する ngFor

Question

多くのプロジェクトの配列を取得し、最後の 3 つのプロジェクトを表示したいと考えています。

私のhtmlに入った

          <li *ngFor="let project of projects;">
            <h2>{{ project.name }}</h2>
            <p>{{ project.meta_desciption }}</p>
          </li>

現在、すべてのプロジェクトが表示されています (20 以上)。最後の 3 つだけを表示するにはどうすればよいですか? コードで「最後」を使用する必要があると思いますが、理解できません https://angular.io/docs/ts/latest/api/common/index/NgFor-directive.html

Answer 1

<li *ngFor="let project of (projects | slice:projects.length - 4);">

null追加のチェックが必要な場合projectsや、常に配列であることを確認する必要がある場合があります。

Answer 2

上記の Gunter の回答のように、「プロジェクト」の長さが 4 より大きいことも確認する必要がある場合があります。

<div *ngIf="projects.length>4">
    <li *ngFor="let project of projects;">
        <h2>{{ project.name }}</h2>
        <p>{{ project.meta_desciption }}</p>
    </li>
</div>

Answer 3

私の場合、コードの下の最後の 3 つのプロジェクトを完全に動作させるために、プロジェクトの長さをチェックする必要はなく、任意の長さの配列で動作します。

<li *ngFor="let project of (projects | slice: -3)">

---