离子2-动态填充段

我有类别和菜肴。每道菜属于特定类型的类别。离子2-动态填充段

我正在发出http请求以返回属于特定类型类别的所有菜肴。所以我得到一个阵列与

{ 
    Soup[{'Name','Description', 'Price'..}, ..], 
    Chicken[{'Name','Description',..}], ... 
}

其中包含所有的汤类似，我有一个数组中的所有鸡。现在，我已经创建了段动态地使用每一个类别：

<ion-segment [(ngModel)]="relationship" color="primary"> 
    <ion-segment-button *ngFor ="let category of categories" value="{{category.Name}}"> 
    {{category.Name}} ({{category.Listings}}) 
    </ion-segment-button> 
</ion-segment>

现在，我与挣扎的部分是如何填充基于类的类型，这些段。所以汤部分会有所有的汤。鸡分部将有所有的鸡等等。

我至今是：

<div [ngSwitch]="relationship" *ngFor = "let category of categories"> 
    <ion-list *ngSwitchCase="category.Name" ngSelected="selected"> 
    <ion-item *ngFor = "let dish of Dishes"> 
     <h2> {{dish.Name}}</h2> 
    </ion-item> 
    </ion-list> 
</div>

我想要做的就是以某种方式遍历数组菜肴相对于类别，并让每一个dish.Name属于特定类别。

现在我已将菜肴定义为data.data.Soup，因此所有细分都只有汤。

来源

2017-09-02 Siddiqui

因此菜肴与您的类别是不同的数组？它不是嵌套在类别中？ –

是的。类别是一个不同的数组。它有三个元素，id，name和Listings，它们基本上就是这个类别中的盘子数量。 – Siddiqui

感谢加布里埃尔先生的评论，我意识到我完全错误地做了这件事！我回去并在同一阵列中嵌套属于特定类别的所有盘子，并通过以下方式访问它们：

<div [ngSwitch]="relationship" *ngFor = "let category of categories"> 

    <ion-list *ngSwitchCase="category.Name" ngSelected="selected"> 

    <ion-item *ngFor = "let dish of category.Dishes"> 
    <h2> {{dish.Name}}</h2> 
    </ion-item> 
    </ion-list> 
    </div>

来源

2017-09-02 14:18:14 Siddiqui

刚刚评论有关嵌套在类别的菜肴。由于这是一个JSON，所以没有问题，而且它很轻便。很高兴你解决了它。 –

离子2-动态填充段

回答

相关问题