Using ng-show in ionic template

Question

I need to show a corresponding button to my string value in JSON. I tried to use ng-show but I see every button on my site.

<ion-col ng-show="channels.fields.status == 'on'" col-sm-1 class="verse">
    <button ion-button color="secondary" class="big_on"> On </button>
</ion-col>

<ion-col ng-show="channels.fields.status == 'off'" col-sm-1 class="verse">
     <button ion-button color="light" class="big_off"> Off </button> 
</ion-col>
<ion-col ng-show="channels.fields.status == 'error'" col-sm-1 class="verse"> 
     <button ion-button color="danger" class="big_error"> Error </button> 
</ion-col>

Answer 1

Change ng-show to ng-if

Try Following code,

  <ion-col ng-if="channels.fields.status == 'on'" col-sm-1 class="verse"><button ion-button color="secondary" class="big_on">On</button></ion-col>
  <ion-col ng-if="channels.fields.status == 'off'" col-sm-1 class="verse"> <button ion-button color="light" class="big_off">Off</button> </ion-col>
  <ion-col ng-if="channels.fields.status == 'error'" col-sm-1 class="verse"> <button ion-button color="danger" class="big_error">Error</button> </ion-col>