Razor syntax isn't recognizing '@' after an underscore

Question

I am trying to do the following:

@foreach(var p in @Model.line_products){
<img class="small_img_@Model.line_products[i].short_name" src="/Content/images/@Model.line_products[i].image_name" />
}

Which isn't working, it renders the text just the way it is, not recognizing the '@'. I found this other post in Stackoverflow, which suggests adding parenthesis in the following way:

@foreach(var p in @Model.line_products){
<img class="small_img_(@Model.line_products[i].short_name)" src="/Content/images/@Model.line_products[i].image_name" />
}

Using this workaround, I get that my id is rendered as small_img_(MODEL ATTRIBUTE). Isn't there a workaround which doesn't require adding specific characters? (such as the parenthesis).

Out of curiosity, are you sure you want to be using an index in a foreach loop? Should your markup be `small_img_@(p.short_name)` instead? — Brandon, Oct 31 '12 at 21:15
Context please? Which text rendered the way it is? What comes before this markup? — Jonathan Wood, Oct 31 '12 at 21:15
I am using the index for html purposes, and so I forgot to use the p variable declared in the foreach. When the 'i' variable reaches certain values I open/close tags. You were right! It was as simple as placing the '@' outside. Silly mistake, thanks so much! — Soph, Oct 31 '12 at 21:22

Pierre-Alain Vigeant · Accepted Answer · 2012-10-31T21:24:21.920

4

You have more errors than a simple undercore problem here. You cannot use @Model inside your if. You are already in a @ block. Simply use @foreach(var p in Model.line_products).

Plus, the way you wrote the parenthesis, they will get rendered. What you want is

small_img_@(Model.line_products[i].short_name)

edited Oct 31 '12 at 21:24

answered Oct 31 '12 at 21:16

Pierre-Alain Vigeant

22,635
8
65
101

score 2 · Answer 2 · answered Oct 31 '12 at 21:15

2

Put the parenthesis after the @ instead of before:

class="small_img_@(Model.line_products[i].short_name)"

answered Oct 31 '12 at 21:15

Guffa

687,336
108
737
1,005

score 0 · Answer 3 · answered Feb 20 '23 at 13:01

I sometimes put a couple of Guids in the id of an element and an underscore separator doesn't work.

There are two ways around this. First use the entity code _ instead and secondly just use a hyphen.

 <input id="chk_@classLeader.ClassLeader&#95;@ing.Ingredient.Guid" type="checkbox" class="chk_Done form-check">

 <input id="chk-@classLeader.ClassLeader-@ing.Ingredient.Guid" type="checkbox" class="chk_Done form-check">

This is because I want to grab out the Guid's when the check box is clicked with some JQuery like this:

$(".chk_Done").click(function () {

    var obj =[];

    const itemId = ($(this).attr("id"));
    const myArray = itemId.split("_");
    var ClassLeaderGuid = myArray[1], IngredientGuid = myArray[2];

Razor syntax isn't recognizing '@' after an underscore

3 Answers3