не можете перейти в левое меню или открыть новый отчет? - PullRequest
Новая
       96

не можете перейти в левое меню или открыть новый отчет?

1 голос
/ 27 мая 2020

Я работаю над приложением angular 7 Я столкнулся с проблемой Моя проблема заключается в том, что я не могу перейти в

левое меню. Я могу выбрать только один отчет в левом меню, но не могу перемещаться по

до Я перезагружаю компонент категории отчета, что означает: необходимо go главное меню, чтобы открыть новый отчет.

компонент категории отчета: 

<div class="row" style="display: block;float: left;margin-left:10px; margin-top: 2px;">  
    <div class="page-sidebar navbar-collapse collapse">  
    <nav class="colsm12" id="">  
            <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">  

                    <li class="active open">  
                        <a  id="menu" >  
                            <i class="rep.menuIcon"></i>  
                            <span >{{rep.reportCategory}}</span>  

                        </a>  
                        <ul *ngFor="let subrep of subreportlist"  style="display:block;" id="submenu" style="padding-left:7px;">  


                            <div *ngIf="subrep.reportCategoryID === rep.reportCategoryID" class="wrapper" >  


                              <a [routerLink]="['/pages/report/reportdetails']" [queryParams]="{id: subrep.reportID}" >  


                                            <span class="sideNav nav navbar">{{subrep.reportName}}</span>  

                                        </a>  

                            </div>  



                        </ul>  



            </ul>  
        </nav>  
        </div>  
    </div>

    <div class="col-12">  
        <router-outlet></router-outlet>  
        </div>

модуль маршрутизации приложения 

path: 'pages',component: PagesComponent , children: [{ path: '', component: HomeComponent },

{path:'report',component:ReportcategoryComponent,children:[
{path:'reportdetails',component:ReportdetailsComponent},
{path:'reportdetails/:id',component:ReportdetailsComponent},
]},

Image for problem

при переходе из любого отчета слева вверху ничего не меняется, а не go в соответствующий отчет с подробностями отчета.

так Как решить проблему с новым отчетом навигации, пожалуйста ?

1 Ответ

0 голосов
/ 27 мая 2020

на выходе маршрутизатора Я удаляю класс bootstarp из выхода маршрутизатора 

<div class="col-12">  
        <router-outlet></router-outlet>  
        </div>

при удалении class = "col-12" из выхода маршрутизатора он работает без каких-либо проблем

...