在Angular 2中,要隐藏选中的列表项,可以使用ngIf指令结合一个条件来控制该项是否显示。具体的步骤如下:
<ul>
<li *ngFor="let item of items" (click)="selectItem(item)">
{{ item.name }}
</li>
</ul>
selectedItem: any;
selectItem(item: any) {
this.selectedItem = item;
}
<ul>
<li *ngFor="let item of items" (click)="selectItem(item)" [ngIf]="item !== selectedItem">
{{ item.name }}
</li>
</ul>
在上述代码中,使用了item !== selectedItem来判断当前的列表项是否为选中的项,如果是选中的项,则ngIf条件为false,该项将被隐藏。
这样,当用户点击某个列表项时,该项将被设置为选中状态,并且其他的列表项将被隐藏起来,只显示选中的项。
对于腾讯云相关产品和产品介绍链接地址,由于要求不能提及具体的云计算品牌商,无法给出相应的链接。但是,腾讯云提供了一系列与云计算相关的产品和服务,可以通过腾讯云官方网站进行查阅和了解。
领取专属 10元无门槛券
手把手带您无忧上云