Как изменить маршрутизацию в module.ts в зависимости от значения из сервиса? - PullRequest
Новая
       3

Как изменить маршрутизацию в module.ts в зависимости от значения из сервиса?

0 голосов
/ 29 января 2020

У меня есть файл модуля маршрутизации routing.module.ts, в котором я хочу изменить путь redirectTo в зависимости от того, является ли пользователь администратором или нет.

Моя идея состоит в том, чтобы использовать службу для захвата и хранения значения, и это поможет сохранить, где оно должно go, но оно не меняется. Я перепробовал много методов, но не могу заставить его работать. Есть ли какие-нибудь идеи?

Мой текущий код есть на routing.module.ts

Любая помощь о том, как заставить это работать и объяснить процесс, будет принята 

import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';
import { TabsPage } from './tabs.page';
import { DataService } from '../services/data.service'

const routes: Routes = [
    {
      path: '',
      component: TabsPage,
      children: [
        {
          path: '',
          redirectTo: DataService.prototype.isAdmin() ? 'home' : 'dashboard',
          pathMatch: 'full'
        },
        {
          path: 'home',
          children: [
            {
              path: '',
              loadChildren: () =>
                import('../home/home.module').then(m => m.HomePageModule)
            }
          ]
        },
        {
          path: 'dashboard',
          children: [
            {
              path: '',
              loadChildren: () =>
                import('../dashboard/dashboard.module').then(m => m.DashboardPageModule)
            }
          ]
        },
        {
          path: 'profile',
          children: [
            {
              path: '',
              loadChildren: () =>
                import('../profile/profile.module').then(m => m.ProfilePageModule)
            }
          ]
        },
        {
            path: 'menu',
            children: [
              {
                path: '',
                loadChildren: () =>
                  import('../menu/menu.module').then(m => m.MenuPageModule)
              }
            ]
        },
      ]
    }
  ];

@NgModule({
    imports: [RouterModule.forChild(routes)],
    exports: [RouterModule]
})
export class TabsPageRoutingModule {}

и файл data.service.ts 

import { Injectable } from '@angular/core';
import { Storage } from '@ionic/storage';

@Injectable({
  providedIn: 'root'
})
export class DataService {

  User = {
     isAdmin: false
  }

  constructor(
    private storage: Storage,
  ) { }

  setUser(isAdmin: boolean) {
    this.User.isAdmin = isAdmin
  }

  isAdmin() {
    return this.User.isAdmin
  }

}

1 Ответ

0 голосов
/ 29 января 2020

Использование охраны не вносите изменений в модуль маршрута, это решит вашу проблему

Пример 

import { Injectable } from '@angular/core';
import { Router, CanActivate } from '@angular/router';
import { AuthService } from '../auth.service';
import { ToastrService } from 'ngx-toastr';


@Injectable({
  providedIn: 'root'
})
export class SetupToolsGuard implements CanActivate {
  constructor(private authService: AuthService, private router: Router,private toaster:ToastrService) {}
  canActivate(): boolean {
    const token = this.authService.decodeToken();
    // parent and sub user access
    if (token && (token.user_type_id === 0 || token.user_type_id === 2 || token.user_type_id === 3 || token.user_type_id === 4)) {
      console.log('norId',this.authService.getNorId())
      if(this.authService.getNorId()!=null){
        return true;
      }
      else{
        if(token.user_type_id===2){
          this.router.navigate(['Admin/admin-dashboard'])
        }
        if(token.user_type_id===0){
          this.router.navigate(['dashboard'])
        }
        if(token.user_type_id===1){
          this.router.navigate(['/superadmin/superadmin-dashboard'])
        }
        if(token.user_type_id===3){
          this.router.navigate(['/tech/tech-support'])
        }
        this.toaster.error('Access Denied! Please follow the steps to create nor file', '', {
            timeOut: 3000
        });
        return false;
      }
    } 
    else {
      if(token)
      {
        this.router.navigate(['access-denied'])
        return false;
      }
      else{
        this.router.navigate([''])
        return false;
      }
    }
  }
}

Добавление защиты маршрута - лучший способ справиться с

Маршрутизация module

пример пути в app.routing.module 

{
path: 'dashboard',
component: DashboardComponent,
canActivate: [AuthGuard,UserGuard],

}

...