这篇文章主要讲解了“angular路由模块怎么用”，文中的讲解内容简单清晰，易于学习与理解，下面请大家跟着小编的思路慢慢深入，一起来研究和学习“angular路由模块怎么用”吧！在 Angular 中，路由是以模块为单位的，每个模块都可以有自己的路由。1、创建页面组件、Layout 组件以及 Navigation 组件，供路由使用
创建首页页面组件ng g c pages/home创建关于我们页面组件ng g c pages/about创建布局组件ng g c免费云主机域名 pages/layout创建导航组件ng g c pages/navigation2、创建路由规则3、引入路由模块并启动4、添加路由插座5、在导航组件中定义链接1、重定向
2、404 页面1、查询参数
2、动态参数路由嵌套指的是如何定义子级路由。
aboutworks!命名插座将子级路由组件显示到不同的路由插座中。
aboutworks!将根模块中的路由配置抽象成一个单独的路由模块，称之为根路由模块，然后在根模块中引入根路由模块。
路由懒加载是以模块为单位的。
1、创建用户模块 ng g m user --routing=true 一并创建该模块的路由模块2、创建登录页面组件 ng g c user/pages/login3、创建注册页面组件 ng g c user/pages/register4、配置用户模块的路由规则5、将用户路由模块关联到主路由模块6、在导航组件中添加访问链接路由守卫会告诉路由是否允许导航到请求的路由。
路由守方法可以返回 boolean 或 Observable 或 Promise ，它们在将来的某个时间点解析为布尔值。1、CanActivate检查用户是否可以访问某一个路由。CanActivate 为接口，路由守卫类要实现该接口，该接口规定类中需要有 canActivate 方法，方法决定是否允许访问目标路由。路由可以应用多个守卫，所有守卫方法都允许，路由才被允许访问，有一个守卫方法不允许，则路由不允许被访问。创建路由守卫：ng g guard guards/auth2、CanActivateChild检查用户是否方可访问某个子路由。创建路由守卫：ng g guard guards/admin 注意：选择 CanActivateChild，需要将箭头移动到这个选项并且敲击空格确认选择。3、CanDeactivate检查用户是否可以退出路由。比如用户在表单中输入的内容没有保存，用户又要离开路由，此时可以调用该守卫提示用户。4、Resolve允许在进入路由之前先获取数据，待数据获取完成之后再进入路由。ng g resolver 感谢各位的阅读，以上就是“angular路由模块怎么用”的内容了，经过本文的学习后，相信大家对angular路由模块怎么用这一问题有了更深刻的体会，具体使用情况还需要大家实践验证。这里是百云主机，小编将为大家推送更多相关知识点的文章，欢迎关注！
本篇内容主要讲解“web正则表达式中.+?与.*?的区别是什么”，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习“web正则表达式中.+?与.*?的区别是什么”吧!. 匹配除“rn”之外的任何单个字符。要匹配包括“rn”…
免责声明：本站发布的图片视频文字，以转载和分享为主，文章观点不代表本站立场，本站不承担相关法律责任；如果涉及侵权请联系邮箱：360163164@qq.com举报，并提供相关证据，经查实将立刻删除涉嫌侵权内容。
微信扫一扫 
