イオンテンプレートでng-showを使用する

Question

JSONに文字列の値に対応するボタンを表示する必要があります。 ng-showを使用しようとしましたが、私のサイトのすべてのボタンが表示されます。

<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

変更NG-ショーにNG-場合

は、コード、

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

Answer 2

に続いて試してみてください、私は「、私の知る限りでは、イオンをイオン2を使用しなくてきました-col "はAngular2を使用するイオン2の一部です。

ng-showの代わりに* ngIfを使用してみてください。たとえば、

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