2017-02-12 7 views
1

で、ユーザーの情報ロードサイドメニューのイオン2

このページapp.html

<ion-menu side="right" [content]="content"> 
<ion-content class="no-scroll"> 
<div class="menu-bg-color" > 
     <ion-list no-lines > 
      <div *ngIf="user"> 
      <ion-item class="menu-top"> 
       <img src="{{user.img}}" width="80" height="80"> 
       <div class="divider"></div> 
       <h2>{{user.name}}</h2> 
       <p>{{user.email}}</p> 
      </ion-item> 
      </div> 
      <div class="divider-long"></div> 
      <ion-item item-left class="ions-item" *ngFor="let p of pages" (click)="openPage(p)"> 
       <ion-icon class="icon-style" name="{{p.icon}}" item-left></ion-icon> 
       <h3 class="text-menu">{{p.title}}</h3> 
      </ion-item> 
     </ion-list> 
</div> 
</ion-content> 
</ion-menu> 
<!--What's my root? remember the this.rootPage?--> 
<ion-nav id="nav" [root]="rootPage" #content swipe-back-enabled="true"></ion-nav> 

私はこの機能を他のページにユーザーの情報をインポートすることができます。

ionViewDidLoad() { 
    this.loadingProvider.show(); 
    this.dataProvider.getCurrentUser().subscribe((user) => { 
     this.loadingProvider.hide(); 
     this.user = user; 
     console.log("page profile : " + user.name) 
    }); 
    } 

の質問は:どのように私は、ページのapp.html(サイ​​ドメニュー・ページ)に、ユーザーの情報をインポートすることができ

答えて

0

あなたが使用することができます。

ngOnInit(){ 
this.loadingProvider.show(); 
this.dataProvider.getCurrentUser().subscribe((user) => { 
    this.loadingProvider.hide(); 
    this.user = user; 
    console.log("page profile : " + user.name) 
}); 
} 
+0

おかげで、私はこのエラーを得た:ランタイムエラー は、プロパティを読み取ることができません未定義 – Fray

+0

の「parentElement」エラーがngOnInit' 'からではありません。コンソールログだけでメソッドをテストしてください。 –

+0

問題はユーザーの情報の読み込みです。私はサイドメニューがデータプロバイダからのデータのインポートの前に作成されると思う – Fray