Как отметить все нажатые кнопки?

Question

[Skrolea]

Добрый день. Утренний тупняк.
Есть "форма", на которой пользователь должен отметить необходимые цвета

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

По клику я пихаю это в массив

//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);
                       }
             }

Мне необходимо, чтобы отмечалось "selected" все кнопки, которые были нажаты (ну и потом по нажатию на них же делать slice из массива colorsArray), а сейчас у меня кнопки "переключаются". Каюсь, взял из tour of heroes пример и впал в ступор.
Вот пример

Answer 1

[lega]

jsfiddle.net/lega911/61yy8b8g

Answer 2

[Justin Bieber]

на htmlacademy урок помню был такой, но забыл ))

Comments

[Skrolea]

Ну вот что-то вроде)) Вот бездумно копируешь, а потом в ступор впадаешь (