2

Например, есть такой элемент:

<div class="points"></div>

Я бы хотел сделать что-то типа этого:

<div class="points" style="background-color: @{if (movie.Points < 40) return red @*И другие условия*@}"><div/> 

Но я нашел лишь такой способ:

@if(movie.Points < 40)
{
    <div class="points" style="background-color: red"></div>
}
else if(movie.Points > 40 && movie.Points < 70)
{
    <div class="points" style="background-color: yellow"></div>
}

Выглядит не совсем эстетично, нужно каждый раз переписывать весь div. Есть ли какой-то способ сделать это красивее?

2
  • Здесь смотрели?
    – aepot
    13 июн 2020 в 10:48
  • Смотрел, но ничего подходящего не нашел
    – Роман
    13 июн 2020 в 11:42

2 ответа 2

3

Можно так:

@{
    string color = null;
    if (movie.Points < 40)
    {
        color = "red";
    }
    else if (movie.Points > 40 && movie.Points < 70)
    {
        color = "yellow";
    }
}

<div class="points" style="background-color: @color"></div>

Не уверен, что это сильно красивее. Однако, если в блоке кода будут задаваться множество разных локальных переменных, а потом использоваться в разметке, то это уже будет смотреться лучше.

1

Попробуйте такой подход

<div style="@(true ? "display:block" : "display:none")"></div>

display:block - блочный элемент display:none - скрывает элемент

в вашем случае:

<div style="@(movie.Points < 40 ? "background-color:red" 
             : movie.Points > 40 && movie.Points < 70 ? 
             "background-color:yellow" : "")"></div>
3
  • display:none скрывает элемент, а не удаляет из документа.
    – aepot
    13 июн 2020 в 10:55
  • 1
    Поправил, действительно скрывает.
    – xxramm
    13 июн 2020 в 11:02
  • Спасибо за ответ! Такой подход имеет место быть, но мне он кажется не совсем читаемым
    – Роман
    13 июн 2020 в 11:39

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.