如何在静态离子段中显示所有对象

Question

我正在尝试在细分中使用一个静态按钮，其余的是动态的我的动态部分正在工作，但我的静态细分按钮没有显示所有产品

这是我的 .html 文件

<ion-content >

    <ion-segment [(ngModel)]="kmart" color="primary">
        <ion-segment-button value="All">
          All
        </ion-segment-button>
        <ion-segment-button *ngFor="let tabName of buttonName" value={{tabName.product_type}}>
          {{tabName.product_type}}
        </ion-segment-button>
  </ion-segment>

  <div [ngSwitch]="kmart" *ngFor = "let demo of demoObj">
  <ion-list *ngSwitchCase="All">
        <ion-item>
          {{demo.name}}
        </ion-item>
    </ion-list>
    <ion-list *ngSwitchCase="demo.product_type">
        <ion-item>
          {{demo.name}}
        </ion-item>
    </ion-list>
</div>

</ion-content>

这是我的 .ts 文件

demoObj = [ {"product_id": "52","name": "Apple - Fuji","product_type": "Fruits"},
              {"product_id": "53","name": "bana - Fuji","product_type": "Fruits"},
              {"product_id": "54","name": "beetroot - Fuji","product_type": "Vegitables"},
              {"product_id": "55","name": "beens - Fuji","product_type": "Vegitables"},
              {"product_id": "56","name": "mango - Fuji","product_type": "Fruits"}
            ];
  buttonName = [{"product_type": "Fruits"},{"product_type": "Vegitables"}];

问题：

这里第一次可以显示所有产品，但在切换到另一个细分市场后，我来到了 'All' 细分市场，我无法显示任何人都可以找到任何错误。

Answer 1

I think that value='All' and *ngSwitchCase="All" is not matching probably that was causing error

你的假设是对的。为了将 switch case 设置为字符串文字，您需要在双引号内给出单引号。

 <ion-list *ngSwitchCase="'All'">
        <ion-item>
          {{demo.name}}
        </ion-item>
    </ion-list>

如何在静态离子段中显示所有对象

how to show all the Object in static ion-segment

angular

ionic2

segment