2017-08-09 9 views
0

こんにちは私はionic 3に取り組んでおり、データはローカルストレージに保存されています。そうでくださいコンポーネントでionViewDidLoad()を使用するにはどうすればよいですか?

this error

を:私は、コンポーネントにこれらのデータを使用したいが、ionViewDidLoad(通常のページで完璧に動作している)コンポーネント上では動作しませんし、私は以下のエラーを持っているでしょうその他の提案はありますか?
部品コード(offre.ts):

import { Component, Input , Output } from '@angular/core'; 
import { AngularFireDatabase, FirebaseListObservable } from "angularfire2/database"; 
import { IonicPage, NavController, NavParams} from 'ionic-angular'; 
import { NativeStorage } from '@ionic-native/native-storage'; 

@Component({ 
    selector: 'offre', 
    templateUrl: 'offre.html', 

}) 
export class OffreComponent { 

    @Input('var') var; 
    text: string; 
    datas: FirebaseListObservable<any>; 
    user : any ; 

    constructor(public navCtrl: NavController, public db: AngularFireDatabase, public nativeStorage: NativeStorage) { 
    this.datas=db.list('/posts'); 


    } 

    ngAfterViewInit(){ 
    console.log(this.var); 
    } 
} 
+0

を使用し、あなたのコンポーネントのコードを表示することができますか? – Sampath

+0

@Sampath done! ngOnInitは便利ですか? –

+0

コンソールウィンドウでエラーの完全なスタックトレースを共有できますか? – Sampath

答えて

0

私は私のアプリでそれを試してみましたが、あなたは角度成分を使用する場合、必ず角のライフサイクルを使用しようerror.Butそれがどの実行時間を与えるものではありませんフック。ngAfterViewInit()フックを使用できるユースケース。

Offical Doc

Respond after Angular initializes the component's views and child views. Called once after the first ngAfterContentChecked(). A component-only hook.

1

ionViewDidLoad(前に呼び出されますionViewCanEnter())

関連する問題