每个类别的 ngFor

【问题标题】：ngFor for each category每个类别的 ngFor
【发布时间】：2017-10-23 16:37:31
【问题描述】：

您好，我是 Ionic/Angular 的新手，我想知道 ngFor 的工作原理。

我有一个网站，想用 Ionic 为这个网站创建一个应用程序。该网站有一个商店，有 4 个类别：

我想为每个类别使用ngFor。每个类别都有一张幻灯片。我怎么能意识到这一点？此代码显示所有产品：

<ion-slide *ngFor="let product of products">

如何使用ngFor 显示特定类别。

【问题讨论】：

【解决方案1】：

在您的特定用例中，它很难使用，因为 ngFor 不适合幻灯片。查看https://ionicframework.com/docs/api/components/slides/Slides/ 了解更多用法。

但是，如果您正在处理列表或其他此类项目，则可以按以下方式使用 ngFor：

首先，您在 Typescript 文件中定义一个数组，其中包含有关类别的信息。

然后您使用 ngFor 循环这些项目，以便您可以在每个项目中访问它们（及其内容）。

<ion-list>
   <ion-item *ngFor="let category of categoryDefinedInTypescriptFile">
         <h1>category.title</h1>
   </ion-item>
</ion-list>

【讨论】：