Storing a MVC Model Property to a JavaScript var object syntax error

Question

for some reason I am getting a syntax error when trying to use Razor syntax to store a model object into a JavaScript var. After researching google it seems that I should be able to do something like this. I am using a script tag in my cshtml to do this (I know this is bad practice but I came in late in this project so I'm doing this for uniformity sake) so here is the code.

Index.cshtml:

<script>
    var isAvailable = @Model.IsAvailable; // This gives me a syntax error
</script>

I have a Model class with the Boolean property named IsAvailable and I'm trying to store it in the var isAvailable but Visual Studio doesn't like it. Any idea why?

It literally says "Syntax Error", lol. The red error line is right after the semi-colon — Chet_Steadman
– Chet_Steadman, Commented Jul 18, 2016 at 14:23
Your code looks fine to me. Is it showing an error when you run it ? Also, remember True is not true. — Shyju
– Shyju, Commented Jul 18, 2016 at 14:23
Is IsAvailable a boolean? Anyway, try to enclose it on quotes: var isAvailable = "@Model.IsAvailable" — Jorge Rojas
– Jorge Rojas, Commented Jul 18, 2016 at 14:24
True is not true. So you should try something liek var isAvailable = @(Model.IsAvailable? "true" : "false"); — Shyju
– Shyju, Commented Jul 18, 2016 at 14:27

Brian Mains · Accepted Answer · 2016-07-18 14:24:51Z

3

By default MVC calls ToString(), which Booleans converted to string produce upper-cased values (ie. True) where JS boolean syntax requires lower-cased (ie. true). Try this:

var isAvailable = @(Model.IsAvailable.ToString().ToLower());

answered Jul 18, 2016 at 14:24

Brian Mains

50.8k35 gold badges155 silver badges260 bronze badges

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

1 Comment

Chet_Steadman Over a year ago

If I put single quotes around what is inside the parentheses, then this works perfectly. Thanks!!!

Ziv Weissman · Accepted Answer · 2016-07-18 14:24:22Z

0

Try using this:

<script>
    var isAvailable = @(Model.IsAvailable) ; 
</script>

If not this will surely work:

<script>
    var isAvailable = ('@Model.IsAvailable.ToLower()'=='true'); 
</script>

answered Jul 18, 2016 at 14:24

Ziv Weissman

4,5664 gold badges31 silver badges64 bronze badges

Collectives™ on Stack Overflow

Storing a MVC Model Property to a JavaScript var object syntax error

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related