2016-09-21 47 views
1

我在離子2中有*ngIf問題。這裏是我的代碼後,我離子2 ng如果登錄後不更新

<div *ngIf="isLogin" class="profile-info ng-binding padding text-center" (click)="openPage(accountPage)"> 
     {{userEmail}} 
     <span menu-toggle="menu-toggle" class="cl-primary"> 
      <ion-icon name="md-create"></ion-icon> 
      (Edit)</span> 
    </div> 
    <div *ngIf="!isLogin" (click)="openPage(loginPage)" class="menu-item"> 
     <ion-icon name="person"></ion-icon> 
     Login 
    </div> 

沒有發生從登錄頁面回來,因爲*ngIf

如果我刪除ngIf這樣的代碼,USEREMAIL會顯示正確

<div class="profile-info padding text-center" (click)="openPage(accountPage)"> 
     {{userEmail}} 
     <span menu-toggle="menu-toggle" class="cl-primary"> 
      <ion-icon name="md-create"></ion-icon> 
      (Edit)</span> 
    </div> 
    <div *ngIf="!isLogin" (click)="openPage(loginPage)" class="menu-item"> 
     <ion-icon name="person"></ion-icon> 
     Login 
    </div> 

感謝您的時間。

回答

1

糾正你的HTML下面你忘了在第一ngIf條件添加*

<div *ngIf="isLogin" class="profile-info ng-binding padding text-center" (click)="openPage(accountPage)"> 
    {{userEmail}} 
    <span menu-toggle="menu-toggle" class="cl-primary"> 
    <ion-icon name="md-create"></ion-icon>(Edit) 
    </span> 
</div> 
<div *ngIf="!isLogin" (click)="openPage(loginPage)" class="menu-item"> 
    <ion-icon name="person"></ion-icon>Login 
</div> 
+0

謝謝你的回答, 我的錯時後的問題,但它不與* ngIf –

+1

工作,如果它不工作,那麼就意味着'login.check您的組件後isLogin'未設置爲TRUE;代碼,如果可能的話在這裏分享它 – ranakrunal9

0

只需使用*的ngIf代替ngIf。

+0

謝謝你的回答, 我的錯誤時發佈的問題,但它不適用於* ngIf –