Javascript 如何在ionic 3中列出对象的所有项?

Javascript 如何在ionic 3中列出对象的所有项?,javascript,angular,typescript,ionic-framework,Javascript,Angular,Typescript,Ionic Framework,个人问题也许我的问题不太清楚,但我想做的是,通过点击分类屏幕上的提要项目,在公司屏幕上列出所有与提要相关的公司 我很困惑,因为每个类别都会有几家公司,我不知道如何正确列出它们,有人能帮我吗 我们在my category(我的分类)屏幕上看到的第一个图像,点击Feed项将显示与Feed分类相关的所有公司 我的下一张图片与公司页面相关,这里将列出所有与食品相关的公司 我的项目将作为对象存储在我的应用程序中 这是我的home.html <ion-content id="#pageTo

个人问题也许我的问题不太清楚,但我想做的是,通过点击分类屏幕上的提要项目,在公司屏幕上列出所有与提要相关的公司

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

我们在my category(我的分类)屏幕上看到的第一个图像,点击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>
在这一部分中,我有疑问,因为我的意图是在对象中添加一个类型为company的数组,并在其中添加所有的company,但是不可能放置重复的对象

比如这个例子

 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: any[];
   constructor(public navCtrl: NavController, public navParams: NavParams) {
    this.company = this.navParams.get('item');
  }

你是说你的意图是添加一个公司对象数组(据我所知)。我不知道你为什么最终没有

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

    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>

{{公司?.category}

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

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

    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>

{{公司?.category}

ind除了在items数组中添加每个公司之外,还可以添加一个名为“companys”的属性并为其分配数组。在该属性的模板中使用ngFor。有意义吗?您是否有任何文档,以便我可以阅读和理解更多或一些示例?除了在items数组中添加每个公司之外,还可以添加一个名为“Companys”的属性并为其分配数组。在该属性的模板中使用ngFor。有意义吗?你有任何文档,我可以阅读和理解更多或一些示例吗?公司内部的对象被注释掉了,我尝试在这里复制,并在syntaxI中给出了一个错误。我不知道你公司对象的真实内容,所以我将注释作为占位符。我猜是这样的:
公司:[{name:“myFirstComp”,category:“foo”},{name:“mySecondComp”,category:“bar”}]
我会尽快测试,因为会有几个类别,每个类别都有一个公司。通过单击主屏幕中的类别,我只想在公司页面中显示所选类别中链接的项目。公司内部的对象已被注释掉,我试图在此处复制,但在syntaxI中出现错误,因为我不知道您公司对象的真实内容,所以我将注释作为占位符。我猜是这样的:
公司:[{name:“myFirstComp”,category:“foo”},{name:“mySecondComp”,category:“bar”}]
我会尽快测试,因为会有几个类别,每个类别都有一个公司。通过单击主屏幕中的类别,我希望在公司页面中仅显示所选类别中链接的项目。