javascript - 将事件类添加到所选元素 Angular (可能有多个元素事件)

Question

我有一组按钮。当我单击其中一个按钮时，我希望在此按钮上激活类(class)。当我单击下一步按钮时，我还希望在此按钮上激活类(并且我不想从上一个按钮中删除激活类)。所以我想要多个事件按钮(如果选择)，当我点击选定的按钮时，我想删除事件类(切换)。我该怎么做？

如果我执行如下操作，我只会选择一个按钮。如何选择多个按钮？

<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>

文件

从'@angular/core'导入{组件，ViewEncapsulation}；

@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;
  };
}

Answer 1

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

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

export class Test {

  tests: any[];


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

  }

  ngOnInit() {

  }

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