css类动态

Question

我想根据从后端检索的数据动态地将颜色设置为文本。例如，如果响应是：

 "names": [
            {
                "name": "apple",
            },
            {
                "name": "banana",
            },

我想在文本苹果上有红色，在文本香蕉上有黄色。 如何动态地为此文本添加颜色？

这是我的HTML：

<div *ngFor="let data of names">
    <span>{{data.name}}</span>
</div>

component.ts

  getData() {
    this.http.get('**')
      .subscribe(data => {
      });
  }

Answer 1

这与此非常相似：

<div *ngFor="let data of names ;let i = index">
<h6 *ngIf="i%2 == 0" style="color: red" >{{data.name}}</h6>
<h6 *ngIf="i%2 != 0" style="color: yellow" >{{data.name}}</h6>
</div>

Answer 2

mapStateToProps