如何在图像src标记内部使用剃刀语法

Question

我在应用程序中有一个图像列表，并且有一个中心列表，每个中心都有附加到这些特定中心的图像。我试图将特定图像拉到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设置为源中的图像编号，但我如何使用剃刀代表该图像的编号？因此，如果根据中心的图像是42，则i将显示42. @i不起作用。

Answer 1

在显式代码块（)和<img class="img-fluid mx-auto d-block" src="/images/Center/Home/GalleryCardImages/@(i).jpg" alt="slide 1" /> ）中包装C＃变量。

i

假设/images/Center/Home/GalleryCardImages/1.jpg是一个int值，在特定位置中具有相应的图像（例如：~）