PhoneGap中文网

 找回密码
 立即注册
查看: 16565|回复: 1

怎么根据不同的值显示不同颜色

[复制链接]

1

主题

3

帖子

15

积分

新手上路

Rank: 1

积分
15
发表于 2017-11-2 10:56:41 | 显示全部楼层 |阅读模式
  <ion-item *ngFor="let item of listData1">
   <div>
    <span>{{item?.ichange}}</span>
    <span>{{item?.iratio}}</span>
   </div>
  </ion-item>
例如
item?.ichange为+开头就显示红色,-开头就显示绿色。

在<ion-item 外面这样写可以成功
html:
  <span class="aaa">+</span>

ts:
import * as $ from 'jquery';
.....
var aaa=$(".aaa").html();
   if(aaa=='+'){
    $(".aaa").css({"color":"red"})
   }else if(aaa=='-'){
    $(".aaa").css({"color":"green"})
   }

请问那位高手指点一二,谢谢!

回复

使用道具 举报

1

主题

3

帖子

15

积分

新手上路

Rank: 1

积分
15
 楼主| 发表于 2017-11-14 10:28:35 | 显示全部楼层
已经实现了,不需要'jquery'
item?.zd为+开头就显示红色,-开头就显示绿色,0开头就显示灰色。
<ion-item *ngFor="let item of listData1">  
<div *ngIf="item.zd == '+'" style="color:red">
    <span>{{item?.ichange}}</span>
    <span>{{item?.iratio}}</span>
  </div>
  <div *ngIf="item.zd == '-'" style="color:green">
    <span>{{item?.ichange}}</span>
    <span>{{item?.iratio}}</span>
  </div>
  <div *ngIf="item.zd == '0'" style="color:gray">
    <span>{{item?.ichange}}</span>
    <span>{{item?.iratio}}</span>
  </div>
  </ion-item>
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关闭

站长推荐 上一条 /1 下一条

ionic4视频教程

Archiver|手机版|小黑屋| PhoneGap中文网 ( 京ICP备13027796号-1 )  

GMT+8, 2024-3-29 06:04 , Processed in 0.035209 second(s), 27 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表