Combining Code and Text in HTML Attribute with Razor

Question

I am creating a bunch of <div> elements using a foreach loop with Razor syntax. Right now I have this:

@foreach (var item in Model)
{
    <div class="grid_6 listColumn" id="[email protected]">
    ...
    </div>
}

Basically I want the div identifiers to be labeled by the value in item.TeamID like:

team_1 team_2 team_3

The syntax I currently have doesn't recognize the code portion. I also tried id="team_@:item.TeamID" but it throws an error. However, id="team_ @item.TeamID" works fine, but I don't want that space in there. I'm pretty new to Razor, is there an easy way to do this?

Jacob · Accepted Answer · 2012-01-20 03:49:49Z

10

Try this:

<div class="grid_6 listColumn" id="@("team_" + item.TeamID)">
    ...
</div>

answered Jan 20, 2012 at 3:49

Jacob

79k24 gold badges159 silver badges245 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Michael Hornfeck Over a year ago

thanks, that works. also, just came across this post which let me know id="team_@(item.TeamID)" works too.

Collectives™ on Stack Overflow

Combining Code and Text in HTML Attribute with Razor

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related