c# - 动态更改 ASP.NET MVC 中的样式属性

Question

我正在从数据库中读取百分比，然后使用该数字创建一个显示视觉进度的条形图。我需要在我的 aspx 页面上做这样的事情:

       <%  
       if (ViewData["width"] != null){
        <div style="width: <%: ViewData["width"] %>px;"
       </div>
       }%>

当然上面的方法是行不通的，但希望你能看到我正在努力实现的目标。我如何在 ASP.NET MVC 中动态更改样式属性？

Answer 1

您刚刚在代码块中间编写了 HTML。您需要将 HTML 放在代码块之外。

<% if (ViewData["width"] != null) { %>
    <div style="width: <%: ViewData["width"] %>px;"></div>
<% } %>

或者，您可以切换到 Razor 语言，它消除了所有 <% %> s 并允许您更轻松地穿插 C# 和 HTML。它看起来像这样:

@if (ViewBag.width != null) {
    <div style="width: @(ViewBag.width)px;"></div>
}