Javascript 如何使用if-else语句动态选择div类？

我使用Ext.XTemplate在一个列表中显示我的数据，我想实现一个函数，当我得到一个正数时，它显示为红色和绿色，当我得到一个负数时

为了实现这个功能，我创建了两个样式，我想传递参数来动态创建这样的模板

currentControl.balanceResultTpl +='<div class="{[{'+AVAILABLE_QTY+'} &gt; 0 ?"summary-qty-style-red":"summary-qty-style-green"]}">{'+AVAILABLE_QTY+'}/{'+QTY+'}</div></div>';

currentControl.balancesUlttpl+='{'+可用数量+'}/{'+数量+'}'；

参数AVAILABLE_QTY已存储，使用此模板时将设置该值

然而，判断陈述似乎不起作用，我感到困惑

我查阅了sencha文档，但没有发现对我的案例有用的东西

谢谢

var tpl=new Ext.XTemplate(
“{AVAILABLE_QTY}/{QTY}”
);
console.log（tpl.apply（{可用数量：-1，数量：5}））；
console.log（tpl.apply（{AVAILABLE_QTY:1，QTY:5}））；

产出：

-1/5
1/5

我的荣幸。请考虑将答案标记为决议。