Fundamental Razor syntaxes

Create dynamic web pages in your MVC web application with the Razor view engine

(For more resources related to this topic, see here.)

Getting ready

In this view page you can try all the Razor syntaxes given in this section.

How to do it...

Here, let's start learning the fundamene written using three different approaches: inline, code block, and mixed.

Inline code expressions

Inline code expressions are always written in a single line, as follows:

I always enjoy @DateTime.Now.DayOfWeek with my family.

At runtime, the inline code expression, which is @DateTime.Now.DayOfWeek, will be converted into a day, such as Sunday. This can be seen in the following screenshot:

Let's look at one more example, which will pass the controller's ViewBag and ViewData messages on the view.

The rendered output will be as follows:

Code block expression

Code block expression is actually a set of multiple code lines that start and end with @{}. The use of opening (@{) and closing (}) characters is mandatory, even for single line of C# or VB code; as shown in the following screenshot:

This will render the following output:

Mixed code expression

Mixed code expression is a set of multiple inline code expressions in a code block where we switch between C# and HTML. The magical key here is @:, which allows writing HTML in a code block, as follows:

This will render the following output:

So, this is all about how we write the code on Razor view page.


This article thus you learned about inline code expressions, code block expressions, and mixed code expressions.

Resources for Article :

Further resources on this subject:

Books to Consider

comments powered by Disqus