Javascript HTML类型脚本比较声明语法中的值

所以现在我不确定在HTML中比较TypeScript/JavaScript值的语法

例如：

打字稿：

val1 = 0;

.HTML：

<ion-progress-bar class="my-bar" [color]="{{val1}} > 50 ? 'green' : 'red'"  value={{val1}} ></ion-progress-bar>

我阅读了一些HTML文档，其中说要使用大于符号，但这根本不起作用

---

如果

val1>50，我希望颜色为绿色，否则在HTML中为红色。
您是否尝试过在条件中不使用大括号？像这样[color]=“val1>50？绿色”：“红色”这部分有效！所以它从红色开始。最终val1将大于50。试着把它变成绿色。当val1大于50时，它没有更新。等等，我做错了什么，再次测试。@bart它100%有效，非常感谢！你试过在这种情况下不戴牙套吗？像这样[color]=“val1>50？绿色”：“红色”这部分有效！所以它从红色开始。最终val1将大于50。试着把它变成绿色。当val1大于50时，它没有更新。等等，我做错了什么，再次测试。@bart它100%有效，非常感谢！