如何创建一个可重用的离子卡来填充不同的数据？
如何创建一个可重用的离子卡来填充不同的数据？
提问于 2020-01-10 22:04:12
我对ionic开发是个新手，但我熟悉它的ionic-卡片的概念，它在卡片中显示数据。我遇到的问题是如何在它的模板文件中设计一个离子卡，其中包括它的标签(大多数时候是静态的)的所有数据都是动态的。我不想创建多个离子卡，因为每个卡的数据每次都不同，我只想让我的单个离子卡动态显示不同的数据(包括它的标签)。我希望我已经很好地解释了我的观点。任何帮助都将不胜感激。
回答 1
Stack Overflow用户
发布于 2020-01-11 02:42:40
如果我没记错的话，你有一组数据要显示在离子卡上。如果是这样的话，您需要做的是：
在.ts文件上
public myArray: any = [];
constructor(...){}
ionViewWillEnter() {
this.myArray = //populate your array
}在您的HTML文件上：
<ion-content>
<ion-card *ngFor='let element of myArray'>
// Populate the cards
<ion-card-title> {{ element.title }} </ion-card-title>
</ion-card>
</ion-content>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/59683286
复制相关文章
相似问题
腾讯云开发者
