如何在html中使用三元运算符更改div的颜色

Question

我有一个div，需要根据其值更改背景色。我只能更改一种颜色，但是根据我的值我需要两种颜色。

<div
  class="panel-heading"
  style="background-color:@(Model[0].status == "HIGH" ? "#CE352C" : "#008E00")"
>

status == "HIGH"时我变红，status == "LOW"时我需要黄色

Answer 1

您可以这样编写三元运算符条件

(status == "HIGH") ? "red" : ((status == "LOW") ? "yellow" : "green"))

为了更好地理解，这是他们在说什么，因为有时三元运算符很难阅读。

if (status == "HIGH"){ "red" } elseif(status == "LOW"){ "yellow" } else{ "green" }

希望有帮助