Show array contents

You can use dotnet watch and observe the result of code changes instantly on the browser!

Show array items one by one

Wrong

@page

@{
    string[] names = { "Raj", "Sam", "Ted", "Kim" };
}

@foreach(var name in names){
    <p>name</p>
}

Right

@page

@{
    string[] names = { "Raj", "Sam", "Ted", "Kim" };
}

@foreach(var name in names){
    <p>@name</p>
}

Even better

@page

@{
    string[] names = { "Raj", "Sam", "Ted", "Kim" };
}

@for (var i = 0; i < names.Length; i++)
{
    var name = names[i];
    <p>Name @(i+1): @name</p>
}

Output

What did you notice in this line?

<p>Name @(i+1): @name</p>