Mixing Razor and Javascript: Assigning a number from Model to a Javascript variable in a view

Question

I'm having difficulties to assign just a basic number from Model to a Javascript variable via Razor. All that I came up with was the code below, which works, but is rather ugly as I have to convert the string value into a number. Is there any other way to just get it right away in the numeric format without any conversions?

var MyNumber = parseInt('@Model.MyNumber');

If you want to work around this bug, see my answer at stackoverflow.com/a/22416874/895646 — saluce
– saluce, Commented Mar 14, 2014 at 22:26
possible duplicate of How to set javascript variables using MVC4 with Razor — saluce
– saluce, Commented Mar 14, 2014 at 22:27

Tallmaris · Accepted Answer · 2013-09-30 08:35:51Z

4

You should be able to do this:

var MyNumber = @Model.MyNumber;

or better, use the brackets to make the Razor part explicit (so it's clear that the semicolon is a Javascript semicolon):

var MyNumber = @(Model.MyNumber);

answered Sep 30, 2013 at 8:35

Tallmaris

7,5903 gold badges31 silver badges59 bronze badges

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

3 Comments

user405723 Over a year ago

Thanks, it worked nicely. I actually tried your suggestions before but I didn't test the output as my Visual Studio 2012 is giving a syntax error (warning) in both cases (maybe a bug?). I guess I have to stop paying attention to what Visual Studio is saying and just code.

ozz Over a year ago

@user405723 VS2012 is reporting a syntax error for me on this exact thing too - looks like a common issue - stackoverflow.com/a/12559317/300685

user405723 Over a year ago

It's a bug in VS2012 and VS2013. I sent a bug report to Microsoft and they answered that "it's a very complicated issue to solve". I don't know about you guys but recently I've begun to think that the quality control of Visual Studios has slipped away.

someone1234 · Accepted Answer · 2014-02-21 20:52:33Z

2

If you insist in eliminating the Visual Studio error, wrapping the Razor template part in an identity function call works, at a lower cost than the parse:

var noop = function(x) { return x; }
var MyNumber = noop(@Model.MyNumber);

answered Feb 21, 2014 at 20:52

someone1234

211 bronze badge

Collectives™ on Stack Overflow

Mixing Razor and Javascript: Assigning a number from Model to a Javascript variable in a view

2 Answers 2

3 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related