摘要: 把 /heroes 修改为 /superheros 把 /heroes 修改为 /superheros 先取得 Hero 路由,并把它们迁移到新的 URL。Router(路由器)会在开始导航之前先在配置中检查所有重定向语句,以便将来按需触发重定向。要支持这种修改,你就要在 heroes-routin 阅读全文
posted @ 2019-07-31 15:43 抹茶奶盖xh 阅读(966) 评论(0) 推荐(0) 编辑
摘要: 异步路由的预加载示例: 为了尽可能减小初始加载体积和最快的加载速度,让 主模块和A模块 先加载;如何懒加载其他模块,但是B 模块可能是 用户在打开应用后,几分钟或几秒钟就会访问的模块;(比如打开微信后,是不是进入主页面;然后是不是要打开朋友圈瞅瞅;而B模块就相当于朋友圈功能;)所以,这个时候在用户打 阅读全文
posted @ 2019-07-31 15:36 抹茶奶盖xh 阅读(1102) 评论(0) 推荐(0) 编辑
摘要: 使用 异步路由 来 解决应用的某些模块的懒加载,其优点: 你可以只在用户请求时才加载某些模块 对于只访问某一模块的用户,提高加载速度 减小初始加载的包体积,不管以后持续增加多少个懒加载模块 示例场景: 对于 adminModule 模块;只有已登录的用户才会用到,所以该模块可以使用懒加载;即AppM 阅读全文
posted @ 2019-07-31 14:16 抹茶奶盖xh 阅读(801) 评论(0) 推荐(0) 编辑
摘要: resolver 可用来预先获取 将要导航去某路由之前 目的路由的数据,以便在组件渲染后,将数据显示出来,防止异步延迟带来的无数据用户体验 这里接着官网的案例; ng g service crisis-center/crisis-detail-resolver // 创建resolver守卫服务 / 阅读全文
posted @ 2019-07-31 10:50 抹茶奶盖xh 阅读(1246) 评论(0) 推荐(0) 编辑
摘要: 路由守卫的常见的应用场景 用户没有权限导航到目标组件 用户需要先登录才可以访问某组件 显示目标组件前,需要先获取数据 离开组件前,出现弹框提示需要操作才可以离开 路由守卫一般应用原理: 通过往路由配置中添加守卫,守卫返回boolean值来控制路由是否继续导航的行为 返回 url,守卫会取消路由当前导 阅读全文
posted @ 2019-07-30 17:18 抹茶奶盖xh 阅读(806) 评论(0) 推荐(0) 编辑
摘要: 关于第二路由,即命令路由和主路由无命名的区别: 命名路由和主路由互不依赖 命名路由可以和其他路由组合使用,而主路由只能支持一条无命名路由 命名路由可以显示在命令出口中 通俗的说;<router-outlet></router-outlet>是模块的路由出口;现在我想再加一个模块;这个模块也放在主模块 阅读全文
posted @ 2019-07-30 10:09 抹茶奶盖xh 阅读(1251) 评论(0) 推荐(0) 编辑
摘要: 在app目录下新建crisis-center文件夹/目录 使用命令新建路由和组件 // 在crisis-center目录下新建路由组件 ng g module crisis-center/crisis-center --module --flat --routing // 在某目录下新建组件或服务等 阅读全文
posted @ 2019-07-29 18:10 抹茶奶盖xh 阅读(458) 评论(0) 推荐(0) 编辑
摘要: (如果是和我一样的小白,直接学习官文上的路由和导航的;在里程碑3:英雄特征区开始的,其中前几步是让我们把服务的部分代码拿过来;然后更改代码和目录结构,直接看后面总结代码,因为中间省略了很多;按照步骤来是很坑的;大佬请忽略;) 进入正题之前,先了解到--已知用户场景是;首页为数据列表,点击其中任意可以 阅读全文
posted @ 2019-07-27 14:22 抹茶奶盖xh 阅读(394) 评论(0) 推荐(0) 编辑
摘要: 小白建议:先了解Observable和Rxjs后,再了解路由,因为后面会涉及到获取路由参数的知识点 路由模块化即将某一个模块相关的组件视图等文件放在一个模块区域里,以方便管理 如官方文档中:src/app/heroes 目录结构一样,将heroes特征模块化;目录结构如下: heroes-routi 阅读全文
posted @ 2019-07-26 16:13 抹茶奶盖xh 阅读(922) 评论(0) 推荐(0) 编辑
摘要: Can't bind to 'ngModel' since it isn't a known property of 'input'. (" 使用双向绑定出现问题 问题图示 问题图示 解决:在AppModule.ts中导入依赖并注入 FormsModule 解决:在AppModule.ts中导入依赖 阅读全文
posted @ 2019-07-26 14:35 抹茶奶盖xh 阅读(274) 评论(0) 推荐(0) 编辑