Using Razor Syntax within JavaScript Conditional Statment

Question

In an index.cshtml I have the following working code similar to:

<script type="text/javascript">

if ('@Model.SomeCondition' === 'True'){
Do Something();
}

</script>

The === 'True' seems like an odd hack to me to force Razor and JavaScript to get along. How can I refactor to use === true? This doesn't give the same result. Can this be done with Razor and JavaScript?

Mixing Razor and Javascript is a bad idea. You should separate data from code using data-* attributes. — SLaks
– SLaks, Commented Jun 2, 2015 at 15:33

Ehsan Sajjad · Accepted Answer · 2015-06-02 15:51:18Z

9

If the property isbool, you can check in razor if condition following way:

<script type="text/javascript">
@if (Model.SomeCondition){
@:Do Something();
}
</script>

or:

<script type="text/javascript">
@if (Model.SomeCondition){
<text>
Do Something();
</text>
}    
</script>

edited Jun 2, 2015 at 15:51

answered Jun 2, 2015 at 15:40

Ehsan Sajjad

62.6k16 gold badges112 silver badges171 bronze badges

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

1 Comment

Jamiec Over a year ago

This will, of course, evaluate the boolean in server code and only output the javascript if true. In some ways a better solution than turning a server boolean into a client-side boolean.

Jamiec · Accepted Answer · 2015-06-02 15:40:38Z

2

Assuming SomeCondition is a string, remove the quotes, and make it conform to the lowercase form of javascript's booleans

<script language="javascript">
    // just to be clear this is javascript, not server code
    if (@Model.SomeCondition.ToLowerInvariant()){
        .. // 
    }
</script>

If, however SomeCondition is a boolean in server code, you need to first convert to a string and make it lowercase

<script language="javascript">
    // just to be clear this is javascript, not server code
    if (@Model.SomeCondition.ToString().ToLowerInvariant()){
        .. // 
    }
</script>

edited Jun 2, 2015 at 15:40

answered Jun 2, 2015 at 15:39

Jamiec

136k15 gold badges142 silver badges202 bronze badges

Comments

Ilnetd · Accepted Answer · 2015-06-02 15:50:23Z

0

Just write the if satement in c#/razor with the javascript you want to execute in there.

Example:

@if(boolVariable)
{
    <script>
        //javascript here
    </script>
}

edited Jun 2, 2015 at 15:50

answered Jun 2, 2015 at 15:42

Ilnetd

898 bronze badges

2 Comments

James Thorpe Over a year ago

That's fine if that's the only JavaScript you want to run, but if it's part of a larger block it doesn't really work

Ilnetd Over a year ago

Well, assuming this was going inside of already declared <script> tags, just use ViewContext.Writer.Write("javascript here"). This isn't a good scenario to be in to begin with, this is just a solution without refactoring everything.

Collectives™ on Stack Overflow

Using Razor Syntax within JavaScript Conditional Statment

3 Answers 3

1 Comment

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related