Как работать с foreach так чтобы только первый приходил с active?

Question

[stividjon]

@ model HomeVM
@ foreach (Slider slider in Model.Sliders) 
{ 
<div class="carousel-item"> 
<div class="bg-img" 
style="background-image: url('../src/img/products/@slider.Image')"></div> 
</div> 
}

Как сделать так чтобы первый @slider.Image приходил как: <div class="carousel-item active">, а последующие как <div class="carousel-item">.

Answer 1

[Shavadrius]

Можно решить несколькими способами.
Например, добавить в передаваемую модель флаг "active" для слайдов:

<div class="carousel-item @(slider.IsActive ? "active" : "")">

Или добавить флаг-переключатель непосредственно в код представления:

@ model HomeVM
@ bool isFirstSlide = true;
@ foreach (Slider slider in Model.Sliders) 
{ 
<div class="carousel-item @(isFirstSlide ? "active" : "")">
<div class="bg-img" 
style="background-image: url('../src/img/products/@slider.Image')"></div> 
</div> 
isFirstSlide = false;
}