代码之家 › 专栏 › 技术社区 › Mikz

更改角度7中打印值的颜色

ng-class angular7 angular

Mikz · 技术社区 · 6 年前

我试图调用API并在前端显示json。

我尝试使用一个类,但没有成功。任何线索都会有帮助。

这是我迄今为止尝试过的代码。

app.html

<h1>Demo</h1>
<ul>
<ol>
  <li *ngFor="let ex of ex$ ">
        <a>id: {{ex.id}}</a>
        <a>Status: {{ex.status}}</a>
        <span class: "changecolor">{{ex.status}}</span>
        <a>address: {{ex.address}}</a>

  </li>
</ol>
</ul>

在css文件中

.changecolor{

color: green;

}

html

<div [ngClass]="ex.status === 'available'? 'green':'red'">Status: {{ex.status}}</div>

css

  .green {
  color: yellow;
}
.red {
  color: blue;
}

1 回复 | 直到 6 年前

Abhishek 6 年前

如果条件为,则必须基于类添加条件 true 展示你的初级课程,另一个是中级课程

Html:

<div *ngFor="let ex of ex$">
  <div>Status: <span [ngClass]="ex.status === 'available'? 'green':'red'">{{ex.status}}</span></div>
</div>

.green {
  color: green;
}
.red {
  color: red;
}

推荐文章

Kabukki · 在回调中更改条件后,ngClass不更新

7 年前

Janey · ng类在表的第一行上有类,并在ng单击时将其删除

7 年前

Learning-Overthinker-Confused · 如何用角度js有条件地设置特定的类属性?

8 年前

Monochromie · 如何在ng类中用复杂语句设置动态类名?

8 年前

RonE · 使用“角度”单击时更改特定字形图标的颜色

8 年前

Jack Roscoe · 通过表达式应用ng类时,如何正确组合字符串和变量?

9 年前

Faruk Yazici · ng类条件不起作用

9 年前

Deadpool · ng类在角度条件下无法正确渲染

9 年前

Filth · AngularJS|使用ng类的条件类

10 年前

isherwood · 在mouseenter上向相邻元素动态添加类

10 年前