Friday, 8 November 2013

If-else statement and Looping in Razor in MVC


If-else statement and Looping in Razor

In my last article I discussed how we can use programming statement in Razor. In my last article we declared some variable and perform some calculation on it. In this tutorial I am going to discuss how we can use if-else statement and looping.

If-Else Statement in Razor

As we declared variable using @, similarly we can declare if else statement using @.

Note: - I am taking previous article code as an example. If you are directly reading it then kindly go through last article first.

For example:-

In this example I am taking two numbers and calculating the difference between them.

@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>Index</title>
</head>
<body>
  
   @{
      
       int num1 = 18, num2 = 107;
       int num3;
      
    }

  @if (num1 > num2)
  {

      num3 = num1 - num2;

  }
  else
  {

      num3 = num2 - num1;
  }

    The difference between <b> @num1</b> and <b>@num2</b> is <b>@num3</b>

</body>
</html>

The output of this code



Figure 1



Looping in Razor

As we used if else statement in Razor, similarly we can use looping in it.

For example:-

In this example I am printing the counting from 1 to 10 in ul html tag. As we already discussed that we can use html tag with out code.

@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>Index</title>
</head>
<body>
  
    Loop Example<br /><br />
    printing counting 1 to 10
   
<br />
    @for (int i = 1; i <= 10; i++)
    {

        <ul>
            <li>@i</li>
        </ul>
    }

</body>
</html>

The output of this code



Figure 2

Similarly we can use while and do-while loop.

For any query you can mail me at info@techaltum.com.





1 comment:

  1. Would suggest to use ternary operator or a lambda for this =)

    ReplyDelete