Javascript 将活动类添加到选定图元（可能有多个图元处于活动状态）

我有一组按钮。当我点击其中一个按钮时，我想让这个按钮上的类处于活动状态。当我单击“下一步”按钮时，我还希望该按钮上的类处于活动状态（我不想从上一个按钮中删除活动类）。所以我想有多个活动按钮（如果选中），当我点击选中的按钮时，我想删除活动类（切换）。 我该怎么做

如果我像下面这样做，我只选择了一个按钮。如何选择多个按钮

<div class="btn-group">
  <div class="btn btn-outline-secondary" *ngFor="let test of tests" (click)="select(test)" [ngClass]="{active: isActive(test)}"
  >
    <input type="radio" name="" autocomplete="off" value="">
     {{test}}
  </div>
</div>

---

在每个测试对象上保留一个属性，指示是否选中

@组件({
选择器：“测试”，
templateUrl:“./test.html”，
样式URL:['.test.scss']，
})
导出类测试{
测试：任何[]；
构造函数（）{
this.tests=['test1'，'test2'，'test3']
}
恩戈尼尼特（）{
}
选择（项目）{
item.selected=！item.selected；
};
I活动（项目）{
返回项目。已选择；
};
}

@Component({
  selector: 'test',
  templateUrl: './test.html',
  styleUrls: ['.test.scss'],
})

export class Test {

  tests: any[];


  constructor() {
    this.tests = ['test1', 'test2', 'test3']

  }

  ngOnInit() {

  }

  select(item) {
    this.selected = item;
  };
  isActive(item) {
      return this.selected === item;
  };
}