我的類別有一個 *ngFor 串列，在串列中我想顯示子類別串列。來自 firebase 的子類別資料，所以我用 category_id 查詢它。我的問題是我不知道如何將 category_id 從 html 傳遞給每個類別成員的函式。
主頁.html
<ion-accordion *ngFor="let category of Categories">
<ion-item slot="header">
<ion-label>{{category.category_name}}</ion-label>
</ion-item>
<ion-list slot="content">
<ion-item *ngFor="let category of SubCategories">
<ion-label> {{category.subcategory_name}}</ion-label>
</ion-item>
</ion-list>
</ion-accordion>
</ion-accordion-group>
主頁.ts
Product: Product[] = [];
Categories: Category[] = [];
SubCategories: SubCategory[] = [];
ShowSubCategories: SubCategory[] = [];
subcategory_category_id: number;
constructor( private dataService : DataService) {
this.dataService.getCategories().subscribe(res =>{
this.Categories=res;
})
this.dataService.getSubCategory().subscribe(res => {
this.SubCategories=res;
})
console.log(this.subcategory_category_id)
}
getSubCategoryById(id){
console.log(this.dataService.getSubCategoryById(id))
}
}
uj5u.com熱心網友回復：
因為不清楚您的資料是如何構造的，但您似乎同時獲得了類別和子類別。使用嵌套的 *ngFor、*ngIf 和 div 進行一些作業就可以解決問題。可能不是最佳做法：
TS檔案
Categories = [
{ id: 1, name: 'one' },
{ id: 2, name: 'two' },
];
Subcategories = [
{ id: 1, name: 'subone' },
{ id: 2, name: 'subtwo' },
];
HTML：
<div *ngFor="let cat of Categories">
<ion-item>Name : {{cat.name}} | id : {{cat.id}}</ion-item>
<div *ngFor="let subcat of Subcategories">
<ion-item *ngIf="subcat.id === cat.id">subcat id: {{subcat.id}} | subcat name: {{subcat.name}}</ion-item>
</div>
</div>
轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/475553.html
上一篇：訪問JSON類物件屬性