2017-08-09 30 views
0

你好我正在ionic 3工作,我有数据存储在本地存储。我想在一个组件中使用这些数据,但ionViewDidLoad(在普通页面完全正常工作)没有一个组件上工作,我有以下错误:如何在组件中使用ionViewDidLoad()?

this error

所以请为还有其他建议吗?
组件代码(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

@桑帕斯完成! 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

使用ionViewCanEnter(),这将在ionViewDidLoad()之前被调用

相关问题