要在Angular中显示类别和子类别,可以使用ngFor指令和嵌套的ul或表格结构。以下是一个示例代码:
HTML模板:
-
{{ category.name }}
-
{{ subCategory.name }}
或者:
{{ category.name }}
{{ subCategory.name }}
在组件中,需要定义一个categories数组,其中每个元素包含一个name属性和一个subCategories数组,表示类别和对应的子类别。例如:
export class CategoryComponent {
categories = [
{
name: 'Category 1',
subCategories: [
{ name: 'Subcategory 1.1' },
{ name: 'Subcategory 1.2' }
]
},
{
name: 'Category 2',
subCategories: [
{ name: 'Subcategory 2.1' },
{ name: 'Subcategory 2.2' }
]
}
];
}
这样就可以根据categories数组的内容动态生成类别和子类别的列表。