0

离子菜单不起作用

这是我的 sidemenu.component.html

       <ion-split-pane contentId="menu-content" when="xs">
       <ion-menu contentId="menu-content" >
        <ion-content>
         <ion-item  *ngIf="tabSelec == 'lead'" lines="none" routerLink="/hometab/lead    
         routerDirection="root" routerLinkActive="active-link">
          <ion-icon  src="assets/imgs/leadsSelec.svg"></ion-icon>
            <ion-label> Leads </ion-label>
        </ion-item>

        <ion-item *ngIf="tabSelec != 'lead'" lines="none" routerLink="/hometab/lead   
          routerDirection="root" routerLinkActive="active-link">
           <ion-icon  src="assets/imgs/sitesSelec.svg"></ion-icon>
            <ion-label>Leads</ion-label>
         </ion-item>

        <ion-item  *ngIf="tabSelec == 'sites'" lines="none" routerLink="/hometab/sites   
        [queryParams]="{pri: 'leads', sec: true}"  routerDirection="root" 
        routerLinkActive="active-link">
          <ion-icon class="img" src="assets/imgs/sitesSelec.svg"></ion-icon>
            <ion-label > Sites  </ion-label>
        </ion-item>

        <ion-item *ngIf="tabSelec != 'sites'" lines="none" routerLink="/hometab/sites
         [queryParams]="{pri: 'leads', sec: true}"  routerDirection="root" 
        routerLinkActive="active-link">
          <ion-icon  class="img" src="assets/imgs/sitesSelec.svg"></ion-icon>
            <ion-label> Sites </ion-label>
        </ion-item>
       </ion-content>  
      </ion-menu>
      <ion-router-outlet id="menu-content"></ion-router-outlet>

      </ion-split-pane>

这是我的 hometab-rotuing.module.ts

  {
    path:'',
    redirectTo: '/hometab/lead.module',
    pathMatch: 'full'

  },

  {
    path:'',
    component: HometabPage,
    children :[
      {
        path: 'lead',
        loadChildren: () => import('../lead/lead.module').then(m => m.LeadPageModule)
      },
      {
        path: 'sites',
        loadChildren: () => import('../sites/sites.module').then(m => m.SitesPageModule) 
      },    
      {
        path: 'testing',
        loadChildren: () => import('../testing/testing.module').then(m => m.TestingPageModule)
      },
     
    ]
  },

知道它是如何工作的吗?登录后它应该会自动将我重定向到潜在客户页面

我也无法点击我的离子项目,任何帮助表示赞赏

这是我在控制台中遇到的错误

4

1 回答 1

0

我曾尝试在我的 app.component 中编写它,但我对它的工作方式并不满意。

于 2022-02-23T11:10:35.043 回答