ASP.NET Core MVC中Razor变量无法传递至HTML标签问题

问题详情 #

尝试将ASP.NET Core MVC视图代码块中ViewBag的两个变量值传递至同视图内的HTML标签，但变量值未成功显示：

• Console.WriteLine能正确输出name和image的变量值
• 直接给变量赋值字符串（如string name = "test";），HTML标签可正常显示内容
• 涉及文件：GunView.cshtml，原代码如下：

@using Microsoft.AspNetCore.Http
@using Azure.Core;
@System;
@System.Web;

<!DOCTYPE html>
<html lang="en">

@{
    string name = (string)ViewBag.name;
    string image = (string)ViewBag.image;

    Console.WriteLine(image);
    Console.WriteLine(name);
}

<body>
    <div>
        <img src="@image">
        <h1>@name</h1>
        <h1>TEST</h1>
    </div>
</body>
</html>

解决步骤 #

1. 修正视图的using指令错误 #

原代码中@System;和@System.Web;写法不符合ASP.NET Core语法，且System.Web在ASP.NET Core中已被弃用，需修正：

@using Microsoft.AspNetCore.Http
@using Azure.Core;
@using System; <!-- 修正为标准using指令格式 -->
<!-- 删除无用的@System.Web;引用 -->

2. 直接使用ViewBag值（跳过中间变量） #

跳过中间变量赋值环节，直接在HTML标签中调用@ViewBag.xxx，避免类型转换可能引发的异常：

<body>
    <div>
        <img src="@ViewBag.image">
        <h1>@ViewBag.name</h1>
        <h1>TEST</h1>
    </div>
</body>

3. 检查控制器的ViewBag赋值逻辑 #

确保控制器在返回视图前正确为ViewBag赋值，示例代码：

public IActionResult GunView()
{
    // 确保赋值逻辑正确，值不为null或空字符串
    ViewBag.name = "枪支名称";
    ViewBag.image = "/assets/images/gun_sample.jpg"; // 使用正确的静态文件路径
    return View();
}

4. 处理图片路径（可选） #

如果图片是项目静态资源，建议使用Url.Content确保路径解析正确：

<img src="@Url.Content(ViewBag.image)">

5. 添加空值容错处理 #

为避免ViewBag值为空导致显示异常，可添加空值判断：

@{
    string name = ViewBag.name as string ?? "未知名称";
    string image = ViewBag.image as string ?? "/assets/images/default.jpg";
}

内容的提问来源于stack exchange，提问作者Shadow Wolf