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-show 更改为 ng-if

尝试以下代码，

  <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，但据我所知，“ion-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>

在离子模板中使用ng-show

2 个答案: