我有一些数据需要在组件 html 中显示,由文件夹名称和文件夹内的文件组成。
这是数据:
data = [
{
"name": "folder1",
"files": [
{
"name": "file1.txt",
},
{
"name": "file2.txt",
}
]
},
{
"name": "folder2",
"files": [
{
"name": "file1.txt",
},
{
"name": "file2.txt",
},
{
"name": "file3.txt",
}
]
}
];
这就是我正在尝试的:
<ul *ngFor="let test of data">
<li><h5>{{ test.name }}</h5></li>
<li>{{ test.files.name }}</li>
</ul>
但我得到的结果是:
folder1
folder2
folder1
folder2
folder1
folder2
我需要的输出是:
folder1
file1.txt
file2.txt
folder2
file1.txt
file2.txt
file3.txt
我该如何解决这个问题才能正确显示?