Loading

for loop in html angular

for loop in html angular

Rohan Ramani

Hi,

I have a table in cshtml razor page

<tbody>
@foreach (var item in Model.ArticleMaster)
{
<tr>
<td>
<a asp-page="./Details" asp-route-id="@item.ArticleId">
@Html.DisplayFor(modelItem => item.Title)
a>
td>
<td>
@*@Html.DisplayFor(modelItem => item.AuthorUserId)*@
@Html.DisplayFor(modelItem => item.AuthorName)
td>
<td>
@Html.DisplayFor(modelItem => item.DateAdded)
td>
<td>
@Html.DisplayFor(modelItem => item.Status.Status)
td>
<td>
@Html.DisplayFor(modelItem => item.Section.SectionName)
td>
tr>
}
tbody>

I need to implement in angular

how to do? please help

2 Replies

Know the answer? Post it — somebody with the same question will find it here.

Piyush Pansuriya7y ago
Accepted answer
Hi Rohan
you can do as below
<tbody>
           <tr *ngFor='let item of ArticleMaster'>
               <td>
                   <a >{{item.Title}}a>
               td>
               <td>
                 {{ item.AuthorName}}
               td>

               <td>
                   {{ item.DateAdded}}
               td>

               <td>
                   {{ item.Status.Status}}
               td>
               <td>
                   {{ item.Section.SectionName}}
               td>
           tr>
   tbody>
You can wrice code route page on Title link
Rohan Ramani7y ago
Thanks @Piyush Pansuriya