在Angular 10中,可以使用*ngFor
指令来遍历JSON数组,并使用布尔条件进行筛选。下面是一个示例代码:
在组件中定义两个JSON数组:
export class AppComponent {
array1 = [
{ id: 1, name: 'John' },
{ id: 2, name: 'Jane' },
{ id: 3, name: 'Bob' }
];
array2 = [
{ id: 2, name: 'Jane' },
{ id: 4, name: 'Alice' },
{ id: 5, name: 'Tom' }
];
}
在模板中使用*ngFor
指令遍历数组,并使用布尔条件进行筛选:
-
item2.id === item1.id)">ID: {{ item1.id }}, Name: {{ item1.name }}
在上面的代码中,我们使用*ngFor
指令遍历array1
数组。然后,使用array2.some()
方法在array2
数组中查找与当前项的id
属性匹配的项。如果找到匹配项,则使用*ngIf
指令显示该项的id
和name
属性。
通过上述代码,将遍历array1
数组,如果array2
数组中存在与当前项的id
属性匹配的项,则显示该项的id
和name
属性。