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

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"}];

问题：

在这里，第一次可以显示所有的产品，但在切换到另一个片段之后，我来到了“所有”部分，我无法显示任何人都会发现任何错误。

Answer 1

我认为值=‘All’和*ngSwitchCase="All“不匹配，这可能是导致错误的原因

你的假设是正确的。为了将开关大小写设置为字符串文本，需要在双引号中给出单引号。

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