代码之家 › 专栏 › 技术社区 › Mark C

元素内部的条件样式

razor asp.net-core asp.net-mvc

2

Mark C · 技术社区 · 2 年前

如何基于MODEL值创建条件样式。如下所示,我希望该列基于模型中的值为绿色或橙色

            <div class="col-6" @Model.QuestionAnswers[i].answers[j].answerSelected == true ? style="background-color:green" : style="background-color:darkorange">

2 回复 | 直到 2 年前

1

2

Dimitris Maragkos 2 年前

像这样:

<div class="col-6" 
     style="@(Model.QuestionAnswers[i].answers[j].answerSelected == true ? "background-color: green;" : "background-color: darkorange;")">

但为计算样式创建变量更为简洁:

@{
    var calculatedStyle = Model.QuestionAnswers[i].answers[j].answerSelected == true ? "background-color: green;" : "background-color: darkorange;";
}
<div class="col-6" style="@calculatedStyle">

2

0

Lajos Arpad 2 年前

您需要将字符串括在引号中:

<div class="col-6" @(Model.QuestionAnswers[i].answers[j].answerSelected == true ? "style=\"background-color:green\"" : "style=\"background-color:darkorange\"")>