How to mark all pressed buttons?

Question

JavaScript

Good afternoon. Morning goof.
There is a "form" on which the user must mark the required colors

<button md-button  md-raised-button 
        *ngFor="#color of colors"
   [class.selected]="color === selectedColors"
    (click)="onSelect(color)">
    {{color.name}}
  </button>

On click, I push it into an array

//When click on color   
   onSelect(color: Color) {
          // choosen color    
        this.selectedColors = color;
          // if exist push color's id in array
                if (this.selectedColors) {
                     this.colorsArray.push(this.selectedColors.id);
                       }
             }

I need to mark "selected" all the buttons that were pressed (and then, by clicking on them, do a slice from the colorsArray array), and now my buttons are "switched". I confess, I took an example from the tour of heroes and fell into a stupor.
Here is an example

Answer 1

jsfiddle.net/lega911/61yy8b8g

Answer 2

at htmlacademy, I remember the lesson was like this, but I forgot))