在Angular中,可以使用*ngIf指令来控制在同一视图中对象列表的可见性。下面是一个示例代码:
在组件的HTML模板中,使用ngFor循环来遍历对象列表,并使用ngIf指令来控制每个对象的可见性:
{{ item.name }}
{{ item.description }}
在组件的TypeScript代码中,定义一个对象列表,并在每个对象中添加一个isVisible属性来控制可见性:
import { Component } from '@angular/core';
@Component({
selector: 'app-item-list',
templateUrl: './item-list.component.html',
styleUrls: ['./item-list.component.css']
})
export class ItemListComponent {
itemList = [
{ name: 'Item 1', description: 'Description 1', isVisible: true },
{ name: 'Item 2', description: 'Description 2', isVisible: false },
{ name: 'Item 3', description: 'Description 3', isVisible: true }
];
}
在上述示例中,只有isVisible属性为true的对象才会在视图中显示。可以根据需要在组件中动态更改对象的isVisible属性,从而控制对象的可见性。