使用三元在 Razor 中设置元素颜色样式？操作员

Question

我有一个 HTML 元素，它在我的 razor cshtml 文档中的 foreach 循环中不断重复，如下所示：

//@foreach(var item in Collection) ...  then goes this element...

 <div title="Find Item" value="@item.ID" class="btn btn-default btnItem"><i class="fa fa-bullseye" style="@(item.IsItemAvailable? "color:green" : "color:red")"></i></div>

请注意以下部分：

style="@(item.IsItemAvailable? "color:green" : "color:red")"

我正在尝试根据名为 IsItemAvailable 的 ViewModel 属性设置元素的颜色，如果项目可用，我会将元素颜色设置为绿色，否则将其设置为红色...

我假设在 ? 之后的第一件事运算符是当语句为 true 时，因此这意味着 item 确实可用并且它的颜色应该设置为绿色？？

但由于某种原因，按钮颜色总是设置为红色？？我在这里做错了什么？

Answer 1

使用Html.Raw方法渲染css。

<div title="Find Item" value="@item.ID" class="btn btn-default btnItem">
    <i class="fa fa-bullseye" 
     style="@(item.IsItemAvailable? Html.Raw("color:green") : Html.Raw("color:red"))"></i>
</div>