Question

我想为每辆自行车显示一张图片，但这些代码不起作用：

<ul>
@foreach (var bike in Model.Bikes)
 {
     <li>@Html.ActionLink(bike.Name, "Categories", new { id = bike.Id, name = bike.Name, @class = "image"}, null)</li> 
 } 
</ul>

任何人都可以帮助我，非常感谢！

我刚刚更新了我的CSS文件：

a.image {
    background: url('~/Store Project(new)/Store Project/AdventureCycle/Content/Images/') no-repeat center right; 
    display: block; 
    height: 84px; 
    width: 264px;
}

Answer 1

没有用于Image Hyperlinks的内置html帮助器。我们必须创建自定义html帮助器才能获得此要求。所以请参考以下链接，您将获得一个想法。

Action Image MVC3 Razor

根据你的评论。我给出这样的解决方案：

@if (Convert.ToString( bike.Name) == null || Convert.ToString(bike.Name) == "")
            {
                bike.Name = "Empty";
            }
            @Html.ActionLink(Convert.ToString(bike.Name), "Categories", new { @id =bike.Id, @name = bike.Name },new{ @class = "image" })

如果bike.Name为空或空，我给了“空”。

如何在ActionLink中插入图像（查看模型）

1 个答案: