摘要：
路由守卫 只有当用户已经登录并拥有某些权限时才能进入某些路由 一个有多个表单组成的向导，如注册流程，用户只有在当前组件的组件中填写了满足要求的信息才可以导航到下一个路由 当用户未执行保存操作而试图离开当前导航时提醒用户 CanActivate： 处理导航到某种路由的情况 CanDeactivate： 阅读全文
posted @ 2017-08-14 14:54 work hard work smart 阅读(513) 评论(0) 推荐(0)
摘要：
1.辅助路由 2. 创建chat组件 ng g component chat 3. 组件html css： 4. 配置路由 5. app.component.html设置 阅读全文
posted @ 2017-08-14 14:23 work hard work smart 阅读(975) 评论(1) 推荐(0)
摘要：
子子路由 现在要为产品组件增加两个子组件 1. 创建productDesc和sellerInfo两个组件 ng g component productDesc ng g component sellerInfo 2. 产品描述组件 3. 销售员组件 销售员组件html 3. 产品组件加入导航 4. 阅读全文
posted @ 2017-08-14 13:51 work hard work smart 阅读(270) 评论(0) 推荐(0)
摘要：
重定向路由： 用户访问一个指定的地址时，将其重新向到另一个指定的地址 （接前面的一节） 配置如下： 之前http://localhost:4200 会进入主页，现在将主页导航改为home，http://localhost:4200也显示404 此时配置重定向，如上图{ path: '', redir 阅读全文
posted @ 2017-08-14 13:22 work hard work smart 阅读(658) 评论(0) 推荐(0)
摘要：
路由时传递数据的方式有 1. 在查询参数中传递数据 2. 在路由路径中传递参数 3. 在路由配置中传递参数 一.在查询参数中传递数据 在前一节的基础上，我们增加路由数据传递 2. 接收参数的地方 3. 显示产品ID 4. 效果图 二、路径中传递参数 1. 修改路由配置 2. 使用路径调用 3. 接收 阅读全文
posted @ 2017-08-14 12:53 work hard work smart 阅读(3068) 评论(0) 推荐(0)
摘要：
Angular 4 路由 1. 创建工程 ng new router --routing 2. 创建home和product组件 ng g component home ng g component product 3. 配置路由 4. 主页面导航 二、按钮事件中实现导航 三、不存在的页面 如果页面 阅读全文
posted @ 2017-08-14 11:55 work hard work smart 阅读(248) 评论(0) 推荐(0)
浙公网安备 33010602011771号