Javascript variable contains asp.net mvc razor code instead of value

Question

I have the following statement:

<script type="text/javascript">
            @{
                string area = ViewContext.RouteData.DataTokens["area"] != null ? 
                    ViewContext.RouteData.DataTokens["area"].ToString().ToLower() : 
                    string.Empty;
            }


        var area = "@area";

</script>

and my Google Chrome, if I call area variable in console, displays like:

" != null ? ViewContext.RouteData.DataTokens["area"].ToString().ToLower() : """

which is a part of C# code ...

Where is the mistake ?

Community · Accepted Answer · 2017-05-23 12:29:25Z

2

There is a problem when you are trying to use the razor inside script blocks.

There is an amazing answer of the issue here: Razor Syntax and Javascript

So you should either modified your code to

 @{
    string area = ViewContext.RouteData.DataTokens["area"] != null ? 
                  ViewContext.RouteData.DataTokens["area"].ToString().ToLower() : 
                  string.Empty;
  }
<script type="text/javascript">               
    var area = "@area";    
</script>

Or to wrap your code in a pseudo block (or @: if you are using the newer version of MVC)

<script type="text/javascript">
            @{
              <text>  string area = ViewContext.RouteData.DataTokens["area"] != null ? 
                    ViewContext.RouteData.DataTokens["area"].ToString().ToLower() : 
                    string.Empty;</text>
            }    

        var area = "@area";    
</script>

edited May 23, 2017 at 12:29

CommunityBot

11 silver badge

answered Aug 8, 2014 at 6:25

nsgocev

4,47030 silver badges37 bronze badges

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

Collectives™ on Stack Overflow

Javascript variable contains asp.net mvc razor code instead of value

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related