在angular中选择新的列表项时如何删除先前选择的列表项的活动类

在Angular中，可以通过以下步骤来删除先前选择的列表项的活动类：

1. 首先，在组件的HTML模板中，使用ngClass指令为列表项添加活动类。例如，可以使用一个变量来表示当前选择的列表项，并使用ngClass根据该变量的值来添加或移除活动类。示例代码如下：

<ul>
  <li [ngClass]="{'active': selectedItem === item}" *ngFor="let item of items" (click)="selectItem(item)">
    {{ item }}
  </li>
</ul>

在上述代码中，selectedItem表示当前选择的列表项，items是列表项的数组。当selectedItem与当前遍历的列表项相等时，会添加名为"active"的活动类。

1. 在组件的TypeScript文件中，定义selectedItem变量，并实现selectItem方法来更新selectedItem的值。示例代码如下：

export class YourComponent {
  selectedItem: any;

  items: any[] = ['Item 1', 'Item 2', 'Item 3'];

  selectItem(item: any): void {
    this.selectedItem = item;
  }
}

在上述代码中，selectedItem变量用于存储当前选择的列表项。selectItem方法用于更新selectedItem的值为用户选择的列表项。

通过以上步骤，当用户选择新的列表项时，先前选择的列表项会自动移除活动类，新选择的列表项会添加活动类。这样可以实现在Angular中选择新的列表项时删除先前选择的列表项的活动类的功能。

推荐的腾讯云相关产品：腾讯云云服务器（CVM）和腾讯云云数据库MySQL。

• 腾讯云云服务器（CVM）：提供可扩展的云服务器实例，适用于各种规模的应用程序和工作负载。了解更多信息，请访问：腾讯云云服务器（CVM）产品介绍
• 腾讯云云数据库MySQL：提供高性能、可扩展的关系型数据库服务，适用于各种应用场景。了解更多信息，请访问：腾讯云云数据库MySQL产品介绍