通过 Razor 将模型中的值放入 HTML 样式属性中

Question

我试图在我的视图中显示一系列div，每个的width取决于我的视图模型中子列表中的项目数量。我正在确定控制器中div的宽度应该是多少，并尝试通过更改 HTML style 属性的值来更改视图中div的width。但是，我似乎无法像将模型中的值插入类属性一样将模型中的值插入到style属性中。这是我的一些代码：

@for (int i = 0; i < Model.IntegrationActivityList.Count; i++)
{
    <div data-integration-id="@Model.IntegrationActivityList[i].WorkflowIntegrationActivityParentId" style="width:@Model.IntegrationActivityList[i].IntegrationActivityDivWidth;">
        /* more code here, iterate through child list items */
    </div>
}

data-integration-id="@Model.IntegrationActivityList[i].WorkflowIntegrationActivityParentId"工作正常，但style="width:@Model.IntegrationActivityList[i].IntegrationActivityDivWidth;"根本不会导致呈现style属性。

我尝试了其他几种方法，例如使用 Html.Raw 生成标记，也无济于事：<div @Html.Raw("style='width: " + Model.IntegrationActivityList[i].IntegrationActivityDivWidth + ";'")> .

如何使用 Razor 和模型中的信息修改div的width？（我也愿意接受任何其他关于实现此目的的更好方法的建议。

Answer 1

我能够通过在 style 属性中添加 @Html.Raw() 函数调用来解决此问题，如下所示：

<div style="@Html.Raw("width:" + Model.IntegrationActivityList[i].IntegrationActivityDivWidth + ";")"></div>