2016-08-07 2 views
3

私は、サーバーからのより多くのデータをロードしようとしていますし、私はイオン2例外TypeError:self.context.doInfiniteは機能

zone.js:260 

Uncaught EXCEPTION: Error in build/pages/home/home.html:30:23 
ORIGINAL EXCEPTION: TypeError: self.context.doInfinite is not a function 
ORIGINAL STACKTRACE: 
TypeError: self.context.doInfinite is not a function 
    at DebugAppView._View_HomePage0._handle_ionInfinite_25_0.. 

home.tsコンソールでエラーを取得しています以下のコードを持っているではありません

import {Component} from '@angular/core'; 
import {NavController} from 'ionic-angular'; 
import {Http} from '@angular/http'; 
import 'rxjs/add/operator/map'; 
import {JobService} from '../job/job'; 
import {JobPage} from '../services/JobService'; 

@Component({ 
    templateUrl: 'build/pages/home/home.html', 
    providers:[JobService] 
}) 

export class HomePage { 
    public posts:any = []; 
    private start:number=0; 
    constructor(private navCtrl: NavController, public peopleService:PeopleService) { 
     this.loadPeople(); 
    } 

    loadPeople() { 
    return new Promise(resolve => { 
     this.peopleService.load(this.start) 
     .then(data => { 
     for(let kazitz of data) { 
      this.posts.push(kazitz); 
     } 
     resolve(true); 
     });  
    }); 
    } 

    doInfinite(infiniteScroll) { 
    console.log('doInfinite, start is currently '+this.start); 
    this.start+=5; 
    this.loadPeople().then(()=>{ 
     infiniteScroll.complete(); 
    }); 
    } 
} 

、エラーがdoInfinite is not a functionはhome.html通常のイオン2負荷に...それはあなたが上記を参照機能時にアプリでより多くのデータをロードしようとしている間、私はこのエラーを取得しています私はionic framework docs

から取った多くのコードを語ります
<ion-infinite-scroll (ionInfinite)="doInfinite($event)"> 
    <ion-infinite-scroll-content 
     loadingSpinner="bubbles" 
     loadingText="Loading more..."> 
    </ion-infinite-scroll-content> 
    </ion-infinite-scroll> 

ご協力いただければ幸いです!

+0

こんにちはJohnPep。問題を解決した場合は、ソリューションを回答として追加してください。 –

答えて

-1

私は同じ問題があり、this.doInfinite()を追加したときにのみ機能しました。このようなコンストラクタ()に:

Constructor(){ 
    this.doInfinite(); 
} 

私はそれが動作する保証できませんし、そうでない場合、私はお詫び申し上げます。私は正直なところまだそれに困惑しています。がんばろう!

関連する問題