Button Bug?

Ionic Framework ionic-v3
1

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?

2

Typo… the close tag is

3

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.

4

Following code:

<div *ngSwitchCase="'member'">
      <ion-item><h2>Choose or Add Member</h2></ion-item>         
      <ion-list>
        <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-option>
          </ion-select>
        </ion-item> 
      </ion-list>    
      <ion-label color="primary" (click)="goToAddMember()">Click to Add New Member</ion-label>

    </div>

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