Angular 随机换颜色

Posted 2021-04-26 相约在浙里

使用 [style.property] 来改变 Angular 组件的样式：

1<div [style.color]="color">我的颜色是动态变化的哦！</div>
2<button (click)="setColor()"> 随机生成 </button>

随机颜色：

 1color = this.getRandomColor();
 2
 3getRandomColor() {
 4    let letters = '0123456789ABCDEF'.split(''), color = '#';
 5    for (var i = 0; i < 6; i++){
 6        color += letters[Math.floor(Math.random() * 16)];
 7    }
 8    return color;
 9}
10
11setColor() {
12    this.color = this.getRandomColor();
13}