如何在图像 src 标记中使用剃刀语法答案

【问题标题】：How to have razor syntax inside of an image src tag如何在图像 src 标记中使用剃刀语法
【发布时间】：2019-05-15 18:56:02
【问题描述】：

我在应用程序中有一个图像列表，并且有一个中心列表，每个中心都有附加到这些特定中心的图像。我正在尝试将特定图像拉到 foreach 循环中的特定中心，我需要将变量设置为图像编号。

@foreach (var i in Model.GalleryImageMediaIds)
         {
            <div class="carousel-item col-md-4 @active">`enter code here`
                <img class="img-fluid mx-auto d-block" 
                src="/images/Center/Home/GalleryCardImages/@i.jpg" alt="slide 1">
            </div>
        }

我正在尝试将 i 设置为源中的图像编号，但我如何让 razor 表示该图像的编号？因此，如果根据中心的图像是 42，那么 i 将显示 42。@i 不起作用。

【问题讨论】：

Inject model value into URL with Razor的可能重复
GalleryImageMediaIds 的类型是什么？
如果你使用bootstrap，可以do it:stackoverflow.com/a/59469712/4654957

标签： asp.net-mvc razor

【解决方案1】：

将 C# 变量包装在显式代码块中（@( 和 )）。

<img class="img-fluid mx-auto d-block" 
                src="/images/Center/Home/GalleryCardImages/@(i).jpg" alt="slide 1" />

假设 i 是一个 int 值，它在指定位置有对应的图像（例如：/images/Center/Home/GalleryCardImages/1.jpg）

【讨论】：