How to declare a variable with razor syntax within javascript block for a razor view?

Question

I have created a razor view (Demo.cshtml) and I tried to declare razor variable within javascript block as shown below:

Code:

@{
    ViewBag.Title = "Demo";
    Layout = "~/Views/Shared/_Layout.cshtml";
}
<h2>
    Demo</h2>

<script type="text/javascript">
    $(function () {
        @{
            bool test = true;
         }

    });
</script>

I am getting few warnings as mentioned below:

Warning 1 Invalid character Demo.cshtml 10 10 Warning 2 Expected ';' Demo.cshtml 11 18

Can anyone guide me in resolving the above warning?

why you want to use a razor view inside javascript, when you can already declare variables in javascript? — Arijit Mukherjee
– Arijit Mukherjee, Commented Aug 14, 2014 at 11:47
I am trying to use the razor variable within the javascript function. — santosh kumar patro
– santosh kumar patro, Commented Aug 14, 2014 at 12:03

maxs87 · Accepted Answer · 2014-08-14 13:54:10Z

1

Well its not so easy to explain. For different needs you can use different solutions.

The easiest way is to use 'text' tag:

<script type="text/javascript">
    @{
        <text>

        alert(@myVar);

        </text>
    }

</script>

And for example for String values you can do like

<script type="text/javascript">
    var url = '@Url.RouteUrl("admin", new { controller = "users"})';
</script>

For boolean types you can do like in this example, but it looks like a stupid hack :)

var bool = '@ViewData.ModelState.IsValid' == "True";

And for collections you need to implement some helper method to be able to call

var myArray = @Html.ToJson(MyCSharpCollectionObject)

answered Aug 14, 2014 at 13:54

maxs87

2,2242 gold badges19 silver badges25 bronze badges

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

Collectives™ on Stack Overflow

How to declare a variable with razor syntax within javascript block for a razor view?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related