Button Bug?


I created an ion-label with click to go to a specific page, the navigation is smooth with back button at top. Whereas when I use the same links with ‘button’ the navigation keeps loading and never shows up. I am doing this in ngSwitchCase:

<ion-label color="primary" (click)="goToAdd()">Click to Add New </ion-label>
<button ion-button color="primary" (click)="goToAdd()">Click to Add New </button>

Any idea?


Typo… the close tag is


In my experience, <ion-item> really hates it when you conditionally switch stuff around inside it, so I would suggest moving all the conditional logic up to the <ion-item> level itself.


Following code:

<div *ngSwitchCase="'member'">
      <ion-item><h2>Choose or Add Member</h2></ion-item>         
          <ion-label>Choose your Member</ion-label>
          <ion-select [(ngModel)]="teamMemberModel" formControlName="teamMember">
            <ion-option *ngFor="let member of memberList" [value]="member">
              {{ member.fullName }}
      <ion-label color="primary" (click)="goToAddMember()">Click to Add New Member</ion-label>


I have tried inside outside…, if i change from ion-label to the loading ctrl keeps looping???