ahmed elbarbary

ahmed elbarbary

  • NA
  • 1.6k
  • 251.7k

menu click working on report component but report details no

May 20 2020 2:58 AM
I work on angular 7 app contain two component 
report 
reportdetails
 
when i open my app main component is report component
 
report component have left side menu when click on reportid it go to reportdetail component and based on report id
 
it display data related to it on report detail component 
 
my problem if you click any report id from menu on report detail component not working and
 
if click on menu on any report id on report component it working
 
Not working when click on any report from menu on report details component no effect happen so how to solve this issue please ? 
 
menu have issue as below 
 
  1. <div class="row" style="display: block;float: left;margin-left:10px; margin-top: 2px;">  
  2.     <div class="page-sidebar navbar-collapse collapse">  
  3.     <nav class="colsm12" id="">  
  4.             <ul *ngFor="let rep of reportlist" class="accordion"  style="margin-top:2px;"  class="page-sidebar-menu" data-keep-expanded="false" data-auto-scroll="true" data-slide-speed="200">  
  5.                   
  6.                     <li class="active open">  
  7.                         <a  id="menu" >  
  8.                             <i class="rep.menuIcon"></i>  
  9.                             <span >{{rep.reportCategory}}</span>  
  10.                               
  11.                         </a>  
  12.                         <ul *ngFor="let subrep of subreportlist"  style="display:block;" id="submenu" style="padding-left:7px;">  
  13.                              
  14.                       
  15.                             <div *ngIf="subrep.reportCategoryID === rep.reportCategoryID" class="wrapper" >  
  16.                                       
  17.                                           
  18.                               <a [routerLink]="['/pages/report/reportdetails']" [queryParams]="{id: subrep.reportID}" >  
  19.                                               
  20.                                              
  21.                                             <span class="sideNav nav navbar">{{subrep.reportName}}</span>  
  22.       
  23.                                         </a>  
  24.                                       
  25.                             </div>  
  26.                               
  27.       
  28.       
  29.                         </ul>  
  30.                       
  31.                   
  32.                         
  33.             </ul>  
  34.         </nav>  
  35.         </div>  
  36.     </div>  
  37.     <div class="col-12">  
  38.         <router-outlet></router-outlet>  
  39.         </div>  
  40.       
  41.       

Answers (11)