I work on app display dynamic menu based on database SQL server 2012 .
I need to modify html component by replace table html to ul and li and add
nested loop below to ul and li
meaning i dont need to use table and i need to use ul li with same code
below
but i dont know how to add nested loop below to menu
component.html (need to modify)
<table *ngFor="let rep of reportlist"> <tr> <td>{{rep.reportCategory}}</td>
</tr> <tr *ngFor="let subrep of subreportlist"> <div
*ngIf="subrep.reportCategoryID === rep.reportCategoryID">
<td>{{subrep.reportName}}</td> </div> </tr> </table>
what i try to do it but i have some wrong issue i need to fix
<div class="page-sidebar navbar-collapse collapse"> <ul *ngFor="let rep of
reportlist" class="page-sidebar-menu " data-keep-expanded="false"
data-auto-scroll="true" data-slide-speed="200"> <li class="active open"> <a
id="menu"> <i class="rep["menuIcon"]"></i> <span
class="title">"'rep["ReportCategory"]''"</span> @*<span class="arrow
open"></span>*@ </a> <ul class="sub-menu" style="display:block;" id="submenu">
@foreach (DataRow row1 in Model.Rows) { <div *ngIf="subrep.reportCategoryID ===
rep.reportCategoryID"> <td>{{subrep.reportName}}</td> </div> <li> <a
href="~/Home/Regulation?id=@row1["ReportID"]&name=@row1["ReportName"]"> <i
class="@row1["IconClass"]"></i> <span class="title">@row1["ReportName"]</span>
</a> </li> } } </ul> </li> </ul>
</div>
--
You received this message because you are subscribed to the Google Groups
"Angular and AngularJS discussion" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To view this discussion on the web visit
https://groups.google.com/d/msgid/angular/57f794b9-5662-4b0d-9591-db111df65b3f%40googlegroups.com.
