如何在视图中显示 IEnumerable？ [复制]

Question

我正在为产品做评论部分，并且在显示 cmets 视图时遇到了一些问题。我用 2 个模型制作模型以在一个视图中显示它们，但是我将 IEnumerable 显示为列表的方式让我出错。如何修改我的代码以使其正常工作？

型号

public class DetailsViewModel
{
    public Product Product { get; set; }
    public IEnumerable<Comments> Comments { get; set; }
}

控制器

    public ActionResult ProductDetails(int? id)
    {
        DetailsViewModel detailsViewModel = new DetailsViewModel();
        detailsViewModel.Product = db.Product.Find(id);//this is working
        detailsViewModel.Comments = db.Comments.Where(c => c.Id_Product == id).OrderBy(x => x.DateComment).ToList();
        return View(detailsViewModel);
    }

查看

@model Database.Models.DetailsViewModel
<ul>
@Html.DisplayFor(x => x.Comments.DateComment) //getting error here 'IEnumerable<Comments>'
@Html.DisplayFor(x => x.Comments.Comment)     // does not containt definiton for 'Comment'
<ul>

我想得到这样的东西：

2019-06-25：Foo

2019-06-25：FooFoo

Answer 1

为您的评论模型创建一个DisplayTemplate，然后简单地使用

 @Html.DisplayFor(x => x.Comments)

它将遍历它们并使用 DisplayTemplate 来呈现每个。

Answer 2

您可以使用foreach 循环来实现您的功能。 foreach 循环将遍历您的IEnumerable 并显示列表中的每个元素。具体到您的情况，您可以这样做：

<ul>
  @foreach(var comment in Model.Comments)
  {
   <li>@comment.DateComment</li>
   <li>@comment.Comment</li>
  }
<ul>