首页 > 其他分享 >关于Angular路由中CanActivateChild钩子的用法

关于Angular路由中CanActivateChild钩子的用法

时间:2023-08-15 10:01:03浏览次数:37  
标签:component 用法 guard CanActivateChild ng Angular 路由

CanActivateChild CanActivate的用法如出一辙,使用对象可能有所不同,例如说CanActivate一般的使用对象要么是兄弟平级关系,要么就是嵌套在CanActivateChild父级下的子路由

具体使用实例:

const routes: Routes = [
  { path: 'home', component: HomeComponent,canActivateChild:[loginGuradsGuard] ,
  children: [
    { path: 'indexs', component: IndexsComponent, canActivate: [authGuard] },
  ]

},

使用步骤与上一篇一样,首先用指令创建路由守卫,ng g guard guard/auth(名字)之后使用指令 ng g component components/header 创建组件 后面在路由文件中配置路由信息即可

标签:component,用法,guard,CanActivateChild,ng,Angular,路由
From: https://www.cnblogs.com/ZhuAo/p/17630544.html

相关文章

  • 《angular 高级编程》学习集锦
    引用bootstrapnpminstallbootstrap在angular.json配置文件中,把关联的脚本文件添加到"scripts"数组中:最后再运行或重启ngserve,看看你的应用是否正在使用Bootstrap4。参考:https://angular.cn/guide/using-libraries......
  • 在树莓派上使用Dockers运行Openwrt并作为主路由器的旁路由
    开启网卡混杂模式sudoiplinkseteth0promiscon首先需要新建一个/etc/rc.local并添加可执行权限sudotouch/etc/rc.localsudochmod+x/etc/rc.local内容如下:#!/bin/sh-e#/etc/rc.local##rc.local##Thisscriptisexecutedattheendofeachmultiuserrunlevel......
  • vue-router动态路由无限循环
    //isLogined用来判断用户是否已登录router.beforeEach((to,from,next)=>{if(isLogined){next()}else{console.log('测试')next('login')}})next()表示放行,直接进入to路由,不会再次调用router.beforeEach()next(path:...to,replace:true)拦截......
  • ASP.NET Core中路由规则匹配
    RESTful约束,如果在一个控制器里面有多个Get、Post...的操作1、在一个控制器里面可以定义多个API方法2、通过路由规则来区分///<summary>///获取用户信息///</summary>///<paramname="user"></param>///<returns></returns>[HttpGet]publicUserGetUser(){//...}GetUs......
  • Angular如何创建路由以及如何配置路由导航
    废话不多说直接进入正题,首先要创建好项目。第一步:安装Angular路由输入以下指令npminstall@angular/router第二部:通过指令创建Angular路由守卫nggguardguards/auth(自定义名字)第二部:在module文件里面导入①路由导航组件②其他类组件,之后再NgModule({declarations:......
  • 思科交换机和路由器使用TFTP备份和还原配置文件
     (1)给交换机配置管理地址,保证交换机与服务器相连通SW1(config)#intvlan1SW1(config-if)#ipadd192.168.1.1255.255.255.0SW1(config-if)#noshutSW1#write(2)备份startup-config到服务器SW1#copystartup-configtftp: Addressornameofremotehost[]?192.168.1.......
  • 使用Linux路由功能
    使用Linux路由功能1、开启Linux主机路由配置功能永久开启,更改配置文件vim/etc/sysctl.confnet.ipv4.ip_forward=1默认值为0[root@ketang-test~]#sysctl-p令修改立刻生效临时开启:echo1>/proc/sys/net/ipv4/ip_forward2、临时添加路由条目使用route命令添加的路由,机器......
  • Vue学习笔记:路由开发 Part 08 导航守卫
    vue-router提供的导航守卫主要用来通过跳转或取消的方式守卫导航。这里有很多方式植入路由导航中:全局的,单个路由独享的,或者组件级的。全局前置守卫可以使用 router.beforeEach 注册一个全局前置守卫。当一个导航触发时,全局前置守卫按照创建顺序调用。守卫是异步解析执行,此时导航......
  • Vue 路由懒加载
    1路由懒加载的原理路由懒加载是一种优化技术,用于延迟加载应用程序中的路由组件。它可以提高初始加载速度并减少资源消耗,特别适用于大型单页应用。1.1为什么要使用路由懒加载当应用程序包含多个页面和路由时,如果在初始加载时将所有路由组件都打包到一个文件中,会导致初始加载时......
  • 华为策略路由
    1、配置ACL规则acl3000rulepermitipsource192.168.1.00.0.0.2552、配置流分类trafficclassifierc1operatorandif-matchacl30003、配置流行为trafficbehaviorb1redirectip-nexthop192.168.2.24、配置流策略trafficpolicyp1classifierc1......