如何通过html (Angular)更改垫-滑-切换的颜色

<button (click)="changeColor()">切换颜色</button>

import { Component } from '@angular/core';

@Component({
  selector: 'app-root',
  template: `
    <button (click)="changeColor()">切换颜色</button>
    <div [style.background]="color" class="box"></div>
  `,
  styles: [`
    .box {
      width: 100px;
      height: 100px;
    }
  `]
})
export class AppComponent {
  color: string = 'red';

  changeColor() {
    if (this.color === 'red') {
      this.color = 'blue';
    } else {
      this.color = 'red';
    }
  }
}