.NET get variable value inside HTML attribute

Question

This is my first time using .NET so please excuse my ignorance.

I'm trying to change the value of the class atribute in a HTML element, depending on some if/else statements, like so:

@if (item.HasAir)
{
    var icon = "fa fa-plane";
    var circleColour = "icon-bg-blue";
}
else if (item.HasCar)
{
    var icon = "fa fa-car";
    var circleColour = "icon-bg-cyan";
}

<span class="icon-cirle @circleColour" aria-hidden="true">
    <span class="@icon"></span>
</span>

However when refreshing the page in my browser, I'm getting a Compilation Error:

The name 'circleColour' does not exist in the current context

Looking at the code above, can anyone explain what I'm doing wrong?

Other info:

.NET Framework version: 4.0.x
ASP.NET version: 4.7.x

Your icon and circleColor variables are scoped inside the if statements - that is, they are out of scope when you reference them in your HTML. — n8wrl
– n8wrl, Commented Aug 29, 2017 at 15:11

Lodder · Accepted Answer · 2017-08-29 15:19:36Z

1

My mistake, I didn't initially declare a default value, in case the if/elseif statements weren't met, which in my case, they weren't.

The following seemed to solve the issue:

@{
    var icon = "fa fa-plane";
    var circleColour = "icon-bg-blue";
}

@if (item.HasCar)
{
    icon = "fa fa-car";
    circleColour = "icon-bg-cyan";
}
...

answered Aug 29, 2017 at 15:19

Lodder

19.8k11 gold badges65 silver badges104 bronze badges

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

Collectives™ on Stack Overflow

.NET get variable value inside HTML attribute

Other info:

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

Other info:

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related