Angular 5:选择列表选项文本的不同前景颜色

npm install @angular/material
npm install @angular/cdk

import { MatListModule } from '@angular/material/list';
import { MatIconModule } from '@angular/material/icon';

@NgModule({
  imports: [
    // other imports
    MatListModule,
    MatIconModule
  ],
  // other configurations
})
export class AppModule { }

<mat-list>
  <mat-list-item [ngStyle]="{'color': getColor(item)}" *ngFor="let item of items">
    {{ item }}
  </mat-list-item>
</mat-list>

getColor(item: string): string {
  if (item === 'Option 1') {
    return 'red';
  } else if (item === 'Option 2') {
    return 'blue';
  } else {
    return 'black';
  }
}