Angular 角度2-用于显示阵列中的最后3项

得到一个包含许多项目的数组，我想显示最后3个项目

进入我的html

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

{{project.name}
{{project.meta_description}

它现在正在显示所有项目（超过20个）。 如何仅显示最后3个？ 我想我需要在我的代码中使用“last”somewer，但我无法理解它

---

您可能需要一些额外的

null

检查

项目

或确保它始终是一个数组。

正如上面Gunter所回答的，您可能还需要检查“项目”的长度是否大于4

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

{{project.name}
{{project.meta_description}

以上冈特的回答在我的情况下不起作用。我能够完成同样的事情，但略有不同：

{{project.name}
{{project.meta_description}

---

如果循环的索引大于数组长度减4。因此，如果长度小于3，则打印所有项目，如果长度大于或等于3，则只按任意顺序打印最后3个项目。

在我的情况下，要使代码下面的最后三个项目完美工作，无需检查项目长度，它可以为任何长度的数组工作

---

---

您不需要括号，也不需要projects.length。您只需使用：

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