Как изменить цвет фона каждого элемента, созданного в цикле?

Question

У меня есть цикл, который создает div.У меня есть 4 цвета, которые я хочу, чтобы быть цветом фона каждого div без использования JavaScript.Может кто-нибудь есть идеи, как это сделать?

@foreach (var names in Model.Projects.Value) {
    <div class="col-xs-4" style="margin-bottom:20px;">
        <div class="Projects">
            @names.Name
        </div>
    </div>
}

Спасибо

Answer 1

Вы должны поместить тег о базовом каркасе / библиотеке, которую вы используете.Динамическое присвоение значений атрибутов отличается от одной среды mvc к другой.

Теперь, из кода, которым вы поделились, я предполагаю, что Model.Projects.Value - это массив / массив, как структура, содержащая несколько объектов.Каждый объект имеет некоторые свойства, такие как «Имя», так как я вижу, что вы получаете к нему доступ, используя @name.Name.

Я бы предложил такой подход.Определяет несколько классов в вашей таблице стилей CSS, как показано ниже,

.class_name1 {
  background-color: yellow;
}

.class_name2 {
  background-color: blue;
} 
....

и задает другое свойство с именем class для каждого объекта в Model.Projects.Value.Задайте значение этому свойству 'class' из одного из определенных вами классов, скажем, class_name1.

. В своем HTML-коде присвойте класс динамически, как показано ниже:

@foreach (var names in Model.Projects.Value) {
    <div class="col-xs-4 @names.class">
        <div class="Projects">
            @names.Name
        </div>
    </div>
}

Возможно, вам придется выяснить, отличается ли синтаксис для привязки свойства объекта к атрибуту (class="col-xs-4 @names.class") от того, что я показал выше.