3

私は* ngForをIonic 2でうまく動作させていますが、コレクションリピートを使用したいのですが、それはより幅広いデータに適応しています。

コンストラクターにデータをロードしています:

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>

しかし、collection-repeat でロードされた同じデータは機能しません:

<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 ベータ版にはそのディレクティブが含まれていますか?

ありがとう、

デデ

4

3 に答える 3

0

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

Ionic 2 ベータ版にはそのディレクティブが含まれていないと思います。ドキュメントにはありません。

ところで、

ng-for でのベンチマークはあまり意味がありません。とにかく遅いです。反応ネイティブがはるかに高速であることは誰もが知っています。:P

于 2016-03-07T02:32:22.797 に答える