在離子模板中使用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的一部分。

嘗試使用* ngIf而不是ng-show。例如：

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