每个类别的ngFor

Question

您好我是Ionic / Angular的新手，我想知道ngFor是如何运作的。

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

• 巧克力
• 板
• 糖衣丸
• 篮

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

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

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

Answer 1

在您的具体使用案例中，很难使用因为ng不适合使用幻灯片。查看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>