zoukankan      html  css  js  c++  java
  • angular 守卫路由

    import { NgModule } from '@angular/core';
    import { Routes, RouterModule } from '@angular/router';
    import { HomeComponent } from './home/home.component';
    import { ProductComponent } from './product/product.component';
    import { Code404Component } from './code404/code404.component';
    import { ProductDescComponent } from './product-desc/product-desc.component';
    import { SellerInfoComponent } from './seller-info/seller-info.component';
    import { ChatComponent } from './chat/chat.component';
    import { LoginGuard } from './guard/login.guard';
    import { UnsacedGuard } from './guard/unsaced.guard';
    
    const routes: Routes = [
      {
        path: '',
        redirectTo: '/home',
        pathMatch: 'full'
      },
      {
        path: 'chat',
        component: ChatComponent,
        outlet: 'aux'
      },
      {
        path: 'home',
        component: HomeComponent
      },
      {
        path: 'product/:id',
        component: ProductComponent,
        children: [
          { path: '', component: ProductDescComponent },
          { path: 'seller/:id', component: SellerInfoComponent }
        ],
        canActivate: [LoginGuard],
        canDeactivate: [UnsacedGuard]
      }
      ,
      {
        path: '**',
        component: Code404Component
      }
    ];
    
    @NgModule({
      imports: [RouterModule.forRoot(routes)],
      exports: [RouterModule],
      providers: [LoginGuard, UnsacedGuard]
    })
    export class AppRoutingModule { }
  • 相关阅读:
    java---随机点名
    java实现窗体JFrame加载动态图片
    微信小程序--登陆页面
    java基础--随机数 猜数字游戏
    jQuery表单验证
    js获取Id,标签,类的几种选择器封装
    轮播图
    关于mysql安全
    PHP5.4开启zend opcache缓存
    ccs3中icon转换为字体的方法
  • 原文地址:https://www.cnblogs.com/chenyishi/p/8903994.html
Copyright © 2011-2022 走看看