Question

我在离子2中遇到*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>

由于*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>

感谢您的时间。

Answer 1

如您忘记在*条件中添加ngIf，请更正以下HTML：

<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>

Answer 2

只需使用* ngIf而不是ngIf。

Ionic 2 ngIf登录后不更新

2 个答案: