# Button Bug?

**URL:** <https://forum.ionicframework.com/t/button-bug/96046>\
**Category:** ionic-v3\
**Created:** [June 28, 2017, 12:39am UTC](https://forum.ionicframework.com/t/button-bug/96046 "2017-06-28T00:39:08Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![togotech](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/togotech/32/105348_2.png) [@togotech](https://forum.ionicframework.com/u/togotech)\
**Post date:** [June 28, 2017, 12:39am UTC](https://forum.ionicframework.com/t/button-bug/96046/1 "2017-06-28T00:39:08Z")

</div>

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:

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

```

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

```

Any idea?

---

<div class="post-metadata">

**Author:** ![togotech](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/togotech/32/105348_2.png) [@togotech](https://forum.ionicframework.com/u/togotech)\
**Post date:** [June 28, 2017, 12:39am UTC](https://forum.ionicframework.com/t/button-bug/96046/2 "2017-06-28T00:39:37Z")

</div>

Typo… the close tag is

---

<div class="post-metadata">

**Author:** ![rapropos](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/rapropos/32/100227_2.png) [@rapropos](https://forum.ionicframework.com/u/rapropos)\
**Post date:** [June 28, 2017, 10:09pm UTC](https://forum.ionicframework.com/t/button-bug/96046/3 "2017-06-28T22:09:39Z")

</div>

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.

---

<div class="post-metadata">

**Author:** ![togotech](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/togotech/32/105348_2.png) [@togotech](https://forum.ionicframework.com/u/togotech)\
**Post date:** [June 29, 2017, 7:31am UTC](https://forum.ionicframework.com/t/button-bug/96046/4 "2017-06-29T07:31:46Z")

</div>

Following code:

```auto
<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???