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