如何在Angular 2+中使用ngFor单独更改列表项的背景色？

介绍：
我们可以使用* ngFor指令和属性绑定来解决此问题，以绑定背景色。

方法：
1. 使用* ngFor指令遍历.html文件中的项目列表。
2. 通过使用属性绑定，为列表中的每个项目绑定背景色。
3. 默认情况下，使用由.ts文件中的布尔值组成的数组。
4. 使用单击事件处理程序可以切换列表中项目的背景颜色。
5. 实施完成后，请使用以下命令为项目提供服务。

   ng serve --open

通过代码实现：
app.component.html：

                        
                                                              
    
      {{item.name}}
    
    

app.component.ts：

import { Component } from '@angular/core';
  
@Component({
  selector: 'my-app',
  templateUrl: './app.component.html',
  styleUrls: [ './app.component.css' ]
})
export class AppComponent  {
  
changeColor= [false, false, false];
  
list = [
    { name : 'GeeksForGeeks' },
    { name : 'Google' },
    { name : 'HackerRank'}
  ];
}

输出：在单击任何项目之前：

单击任何项目后：