如何通过ViewBag在分部视图中传递列表值？代码问题求助

问题根源 #

你在分部视图中直接遍历ViewBag是错误的——ViewBag是包含所有视图动态属性的集合，并非你需要的Top5文章列表。同时，你的控制器已经将查询结果作为模型传递给了分部视图，完全可以利用强类型模型实现更可靠的数据传递（比ViewBag更推荐）。

修正方案 #

1. 优化控制器代码（可选，但更简洁）

控制器中无需再通过ViewBag传递数据，直接返回模型即可：

public class PostController : Controller
{
    private readonly IUnitOfWork uow;

    public PostController(IUnitOfWork uow)
    {
        this.uow = uow;
    }

    public IActionResult Index()
    {
        var result = uow._post.GetAll().ToList();
        return View(result);
    }

    public IActionResult GetMostViewedPost()
    {
        var result = uow._post.GetMostViewedPost(5).ToList();
        // 直接将结果作为模型返回，无需ViewBag
        return PartialView(result);
    }
}

2. 修正分部视图（推荐强类型模型方式）

在分部视图顶部指定模型类型，直接遍历模型：

@* 替换YourNamespace.Models.Post为你实际的文章类命名空间和类名 *@
@model List<YourNamespace.Models.Post>

<h3>Most Viewed Posts</h3>
@foreach (var post in Model)
{
    <!-- Post preview-->
    <div class="post-preview">
        <h4 class="post-title">@post.Title</h4>
        <h5 class="post-subtitle" style="font-weight:200">@post.ShortDescription</h5>
        <p class="post-meta">
            Posted on @post.PostedOn
        </p>
    </div>
}

3. 若坚持使用ViewBag的修正方式

如果一定要用ViewBag传递，需明确指定遍历ViewBag.MostViewedPost并强制转换类型：

<h3>Most Viewed Posts</h3>
@* 替换YourNamespace.Models.Post为实际类信息 *@
@foreach (var post in ViewBag.MostViewedPost as List<YourNamespace.Models.Post>)
{
    <!-- Post preview-->
    <div class="post-preview">
        <h4 class="post-title">@post.Title</h4>
        <h5 class="post-subtitle" style="font-weight:200">@post.ShortDescription</h5>
        <p class="post-meta">
            Posted on @post.PostedOn
        </p>
    </div>
}

4. 在主视图中调用分部视图

确保在展示全部文章的Index视图中，通过以下方式加载Top5分部视图：

@* 方式1：调用Action返回分部视图 *@
@await Html.ActionAsync("GetMostViewedPost", "Post")

@* 方式2：直接引用分部视图文件（需确保分部视图文件名与控制器返回的一致，比如_MostViewedPosts.cshtml）*@
@await Html.PartialAsync("_MostViewedPosts")

内容的提问来源于stack exchange，提问作者sos.call.112