将MVC模型属性存储到JavaScript var对象语法错误

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?

Answer 1

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());

Answer 2

Try using this:

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

If not this will surely work:

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