如何改变字体颜色负数,正数数据json与把手?

2022-01-30 16:27:03 标签 javascriptexpress-handlebars

我有json数据从外部api。

ChangePercent {{股票。changePercent}} % < / span > < / h4 >

上面的代码是获得响应数据json和它的返回与数字类型和使用模板引擎express手柄渲染。它的工作但是。 。

我想改变字体颜色红色如果股票。changePercent & lt;0绿色的股票。changePercent祝辞0

###你可以在handlebarsjs中有条件地渲染

模板:

<h4>ChangePercent <span class="badge bg-secondary" {{#if stockChangeSmallerThanZero}}style="color: red;"{{/if}}>  {{ stock.changePercent}} %    </span></h4> 

变量

{
  stockChangeSmallerThanZero: true,
}

在线操场上:https://handlebarsjs。com/playground。html#format=1¤tExample=%7B%22template%22%3A%22%3Ch4%3EChangePercent%20%3Cspan%20class%3D%5C%22badge%20bg-secondary%5C%22%20%7B%7B%23if%20stockChangeSmallerThanZero%7D%7Dstyle%3D%5C%22color%3A%20red%3B%5C%22%7B%7B%2Fif%7D%7D%3E%20%20%7B%7B%20stock。changePercent%7D%7D%20%25%20%20%20%20%3C%2Fspan%3E%3C%2Fh4%3E% 20% 22% 2 c % 22泛音% 3 22% % 5 b % 5 d % 2 c % 22输入% 22% 3 7 b % 5 cn % % 22% 20% 20 stockchangesmallerthanzero % 3 a % 20真正% 2 c % 5 cn % 7 d % 5 cn % 22% 2 c % 22输出% 3 22% % 3 ch4 % 3 echangepercent % 20% 22% 3 cspan % 20类% 3 d % 5 c % 22徽章% 20 bg-secondary % 5 c % 20风格22% % 3 d % 5 c % 22 % % 20 3红色% 3 b % 5 c % 3 e % 20% 22% 20% 20% 25% 20% 20% 20% 20% 3 c % 2 fspan % 3 e % 3 c % 2 fh4 % 3 e % 22% 2 c % 22 preparationscript % 22% 20% % 22% 22% 2 c % 22 handlebarsversion % 22% 3 22% % 224。7。7 % 7 d

阅读全文

▼ 版权说明

相关文章也很精彩
推荐内容
更多标签
相关热门
全站排行
随便看看

错说 cuoshuo.com —— 程序员的报错记录

部分内容根据CC版权协议转载;网站内容仅供参考,生产环境使用务必查阅官方文档

辽ICP备19011660号-5

×

扫码关注公众号:职场神器
发送: 1
获取永久解锁本站全部文章的验证码