javascript - 如何在 ionic 3 中列出对象的所有项目？

Question

就我个人而言，也许我的问题不太清楚，但我想做的是，通过单击类别屏幕中的 Feed 项目，在公司屏幕上列出与 Feed 相关的所有公司。

我很困惑，因为每个类别都会有几家公司，我不知道如何正确列出它们，有人可以帮助我吗？

我们有我的类别屏幕的第一张图片，单击 Feed 项目将显示与 Feed 类别相关的所有公司。

我的下一张图片与公司页面相关，这里将列出与食品相关的所有公司

我的项目作为对象存储在我的应用程序中。

这是我的home.html

    <ion-content id="#pageTop">
  <ion-searchbar (ionInput)="getItems($event)" placeholder="Pesquisar"></ion-searchbar>
  <ion-item *ngFor="let item of items">
    <ion-thumbnail item-left>
        <img [src]="item.imagem">
    </ion-thumbnail>
    <h2>{{ item?.category }}</h2>
    <button ion-button clear item-end color="primary" (click)="itemTapped($event, item)">Abrir</button>
  </ion-item>

  <ion-fab right bottom>
    <button ion-fab color="secondary" (click)="pageScroller()"><ion-icon name="ios-arrow-up"></ion-icon></button>
  </ion-fab>

在我的 home.ts 中是存储对象的地方

    initializeItems(){
    this.items = [
      { category: 'Alimentação', imagem: '../../assets/imgs/alimentacao.jpeg'},
    ]
  }

正是在这一部分中，我有疑问，因为我的目的是在对象中添加公司类型的数组并添加其中的所有公司，但是不可能放置重复的对象。

喜欢这个例子

 this.items = [
      { category: 'Alimentação', imagem: '../../assets/imgs/alimentacao.jpeg', company:'companyOne', company:'companyTwo'},
    ]

我的company.html是这样的

    <ion-item *ngFor="let company of company">
      <h2>{{ company?.category }}</h2>
    </ion-item>

我的company.ts是这样的

   company: any[];
   constructor(public navCtrl: NavController, public navParams: NavParams) {
    this.company = this.navParams.get('item');
  }

Answer 1

您是说您的意图是添加一系列公司对象(据我所知)。我不知道你为什么最终没有这么做。

我认为您应该将公司存储为项目中的数组:

    this.items = [
        {   category: 'Alimentação', 
            imagem: '../../assets/imgs/alimentacao.jpeg', 
            companies:[{ /*first company object*/}, {/*second company object*/}]
        }];

您将显示与这样的项目关联的公司:

<ion-item *ngFor="let item of items">
    <ion-item *ngFor="let company of item.companies">
        <h2>{{ company?.category }}</h2>
    </ion-item>
</ion-item>