以下是一个使用Angular的解决方法,用于在点击按钮后更改表格行背景颜色:
{{ item.name }}
items
数组来存储表格行的数据,并为每个条目添加一个color
属性来存储背景颜色。在changeColor()
方法中,遍历items
数组并随机生成一个颜色,然后将该颜色赋给每个条目的color
属性,如下所示:import { Component } from '@angular/core';
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css']
})
export class AppComponent {
items = [
{ name: '行1', color: '' },
{ name: '行2', color: '' },
{ name: '行3', color: '' }
];
changeColor() {
this.items.forEach(item => {
item.color = this.generateRandomColor();
});
}
generateRandomColor() {
return '#' + Math.floor(Math.random() * 16777215).toString(16);
}
}
这是一个简单的示例,你可以根据自己的需求进行修改和扩展。