Html 如何随着material 徽章的索引增加而更改 colored颜色，例如(0,1,2,3,..etc)在Angular

发布于03月28日

这是MainService中定义的函数.ts，它可以更改badgesColorSet中的 colored颜色集，我已经在json配置中定义了3种 colored颜色，我希望这3种 colored颜色在每次打开网站时都会更改，让它变为红色，然后刷新页面，它应该是绿色的

getIteriateColor(){
        //gets  color out of color set from turnkey.config file for badges
    let  badgesColorSet = 0; badgesColorSet < Array.length; badgesColorSet++;
        console.log(badgesColorSet);
        return badgesColorSet;

推荐答案

getIteriateColor() {

   if (!this.colorIndex) {
       this.colorIndex = 0;
     } else {
   if  (this.colorIndex + 1 > this.badgesColorSet.length - 1) {
        this.colorIndex = 0
       } else {
     //    this.colorIndex = this.badgesColorSet[1];
     this.colorIndex + 1
       }
     }
     console.log('current color is: ', this.badgesColorSet[this.colorIndex]);
     
     this.colorIndex ++ ;
     return this.badgesColorSet[this.colorIndex];
   }

  
}```