0
我正在建立一个Ionic 2应用程序，我想列出用户以便他们可以找到对方。由于我的应用中可能有1500个用户，我想使用虚拟滚动。使用字符串数组，虚拟滚动工作正常。阵列：离子2虚拟滚动与对象
users = ["hi", "bye"]
这是我的HTML页面的代码：
<ion-list [virtualScroll]="users" approxItemHeight="50px">
<ion-item *virtualItem="let user">
{{user}}
</ion-item>
</ion-list>
现在我创建JSON对象的数组，数组是这样的：
users = [
{
displayName: "foo",
email: "[email protected]",
picture: "assets/img/defaultAvatar.png",
username: "foo"
},
{
displayName: "bar",
email: "[email protected]",
picture: "assets/img/defaultAvatar.png",
username: "bar"
}
]
然后我调整我的HTML中的代码，就像我会在常规列表中一样
<ion-list [virtualScroll]="users" approxItemHeight="50px">
<ion-item *virtualItem="let user">
user.displayName: {{user.displayName}}
</ion-item>
</ion-list>
问题：我收到一个空的列表，而在我的页面上打印用户时显示一个json对象数组。使用* ngFor我可以为完全相同的数据集创建一个列表。虚拟卷轴没有太多的文档，所以我希望有人能帮助我。