Obtuve datos json de una API externa.
<h4>ChangePercent <span class="badge bg-secondary"> {{ stock.changePercent}} % </span></h4>
El código anterior es obtener json de datos de respuesta y se devuelve con el tipo de número, y usa el motor de plantilla con manillares rápidos para renderizar. Es trabajo, pero... quiero cambiar el color de fuente rojo si stock.changePercent < 0 , verde para stock.changePercent > 0
Puede renderizar condicionalmente en handlebarsjs
Modelo:
<h4>ChangePercent <span class="badge bg-secondary" {{#if stockChangeSmallerThanZero}}style="color: red;"{{/if}}> {{ stock.changePercent}} % </span></h4>
Variable
{ stockChangeSmallerThanZero: true, }