Ionic 2＆collection-repeat

Question

我正在* ngFor與Ionic 2很好地工作，但我想使用collection-repeat'因爲它更適合於廣泛的數據。

我加載在construtor數據：

import {Page, NavController, NavParams} from 'ionic-angular'; 
import {ListData} from './list-data'; 

@Page({ 
    templateUrl: 'build/pages/list-browser/list-browser.html', 
    providers: [ListData] 
}) 
export class ListBrowserPage { 
    static get parameters() { 
     return [[NavController], [NavParams], [ListData]]; // ]; 
    } 

    constructor(nav, navParams, listData){ 
     this.nav = nav; 

     this.items = listData.getItems(); 
     // listData.getItems() returns a 10 000 rows JSON : 
     // [{ 
     //  name: 'Al Aporte', address: '201 Thunder Wagon Common, Cataract, RI, 02987-1016, US, (401) 747-0763', 
     //  name: 'Jack Adit', address: '5198 Silent Parade, Round Bottom, MD, 21542-9798, US, (301) 060-7245', 
     //  ... 
     // }] 
    } 
} 

這是我與* ngFor看來，我插入的數據是工作的罰款：

<ion-list> 
    <ion-item *ngFor="#item of items"> 
    {{ item.name }} 
    </ion-item> 
</ion-list> 

但加載相同數據收集重複不起作用：

<ion-list> 
    <ion-item collection-repeat="item in items"> 
     {{ item?.name }} 
    </ion-item> 
</ion-list> 

沒有數據也沒有錯誤。我知道這是很多數據，我可以在服務器端拆分我的JSON，但是這種情況用於基準測試（Ionic 1 & collection-repeat比Ionic 2 & ngFor更好）。

Ionic 2 beta包含該指令嗎？

感謝，

德德

Answer 1

在Ionic 2中，collection-repeat被重命名爲Virtual Scroll。

因此，在離子2你離子1的代碼將是這樣的：

<ion-list [virtualScroll]="items"> 
    <ion-item *virtualItem="#item">{{item.name}}</ion-item> 
</ion-list> 

您可以在http://www.joshmorony.com/boosting-scroll-performance-in-ionic-2/

Answer 2

http://ionicframework.com/docs/v2/components/#lists

我不認爲離子2測試版包括指令。它不在文檔中。

順便說一句，

與NG-進行基準測試沒有太大的意義。無論如何，它是緩慢的。我們都知道原生的反應要快得多。 ：P

Answer 3

當前ionic2不使用collection-repeat。 ionic2確實有infinite scroll和virtual scroll。

你還應該注意的是：

新角語法將允許角與本地網絡合作 成分，並獲得使用Web組件的好處。 Angular 2 將帶來許多令人興奮的改進，並且很快就會在 的幫助下創建更具可擴展性的Web應用程序。 - Cory Rylan