离子2虚拟滚动与对象

问题描述：

我正在建立一个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我可以为完全相同的数据集创建一个列表。虚拟卷轴没有太多的文档，所以我希望有人能帮助我。

答

原来是另一个问题，与从服务器检索数据有关，这意味着虚拟卷轴已用空数组初始化。

Github issue: virtual scroll not refreshing on empty initialization

离子2虚拟滚动与对象

相关推荐