for loop in html angular

Question

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