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

Question

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

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

我们有我的类别屏幕并单击 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>