根据类的集合设置多个 Div 颜色

Question

我创建了一个类名“MetroColor”。创建了一个集合。并以 Div 的形式返回它。下面是模型、控制器和视图。

public class MetroColors
    {
        public string ColorName { get; set; }
        public string ColorHexCode { get; set; }
        public string ColorRgbCode { get; set; }
    }

控制器。

public ActionResult Index()
        {
            List<MetroColors> listMetroColors = new List<MetroColors>();

            listMetroColors.Add(new MetroColors() { ColorName = "TURQUOISE", ColorHexCode = "#1abc9c", ColorRgbCode = "rgb(26, 188, 156)" });
            listMetroColors.Add(new MetroColors() { ColorName = "EMERALD", ColorHexCode = "#2ecc71", ColorRgbCode = "rgb(46, 204, 113)" });
            listMetroColors.Add(new MetroColors() { ColorName = "PETER RIVER", ColorHexCode = "#3498db", ColorRgbCode = "rgb(52, 152, 219)" });
            ViewBag.CreateColorList = listMetroColors;
            return View();
        }

查看。

@foreach (var item in ViewBag.CreateColorList)
{
    <div>@item.ColorName</div>
}

使用 ColorNames 创建 div。但我希望 div 也将生成颜色，它是如何在集合中提到的。我该怎么做？

Answer 1

希望你正在寻找这个

@foreach (var item in ViewBag.CreateColorList)
{
    <div style="background: @item.ColorHexCode;">@item.ColorName</div>
}