MVC + Razor: как добавить стартовую <div>условно?

Question

Я хочу изменить div в зависимости от того, установлена ​​переменная или нет.

Итак, я хотел бы сделать что-то вроде этого:

@if (SomethingIsSet) {

<div style="background:red">

} else {

<div style="background:blue"> }

Но я получаю следующее сообщение об ошибке в Visual Studio:

Элемент div не был закрыт. Все элементы должны быть либо самозакрывающийся или имеющий конечный тег matchig.

Мой элемент div позже будет закрыт на странице.

Answer 1

Вы можете использовать JavaScript.Просто поместите тег id в div: <div id="mydiv">

---

Затем используйте JS:

var element = document.getElementById('mydiv');
if (something)
{
element.setAttribute('style','background-color: red;');
} else
{
element.setAttribute('style','background-color: blue;');
}

Answer 2

Вы можете использовать троичный оператор в Razor.

<div style="@(SomethingIsSet ? "background:red" : "background:blue")">