putting model variables inside js code

Question

i have issues alternating js and razor syntax.

i am trying to pass the value of a model variable to a javascript function, let's say something like this

<script>
    //this is my javascript function setTitle that simply changes the title 
    of a modal window, and i want to pass to it the title from the model
     ...
     setTitle(@Model.titleName);
     ...
</script>

so when i do this it doesn't work, and the script seems to break.

Kyle Gobel · Accepted Answer · 2014-07-03 13:20:35Z

1

If it's a string you have to surround it with quotes.

setTitle('@Model.titleName');

If it's an integer you obviously don't need that.

In situations like these it's helpful to Right Click -> View Source, and take a look at the javascript it generated, and also report any errors the console window showed when asking a question.

answered Jul 3, 2014 at 13:20

Kyle Gobel

5,76010 gold badges48 silver badges69 bronze badges

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

Comments

Greg Burghardt · Accepted Answer · 2014-07-03 13:20:54Z

1

You need to encase the Razor code in quotes so the result is a JavaScript string

setTitle("@Model.titleName");

answered Jul 3, 2014 at 13:20

Greg Burghardt

19.2k10 gold badges58 silver badges105 bronze badges

Collectives™ on Stack Overflow

putting model variables inside js code

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related