2017 年 8月随笔档案 - work hard work smart

Angular 4 路由守卫

摘要：路由守卫只有当用户已经登录并拥有某些权限时才能进入某些路由一个有多个表单组成的向导，如注册流程，用户只有在当前组件的组件中填写了满足要求的信息才可以导航到下一个路由当用户未执行保存操作而试图离开当前导航时提醒用户 CanActivate：处理导航到某种路由的情况 CanDeactivate：阅读全文

posted @ 2017-08-14 14:54 work hard work smart 阅读(508) 评论(0) 推荐(0) 编辑

Angular 4 辅助路由

摘要：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 阅读(970) 评论(1) 推荐(0) 编辑

Angular 4 子路由

摘要：子子路由现在要为产品组件增加两个子组件 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 阅读(265) 评论(0) 推荐(0) 编辑

Angular 4 重定向路由

摘要：重定向路由：用户访问一个指定的地址时，将其重新向到另一个指定的地址（接前面的一节）配置如下：之前http://localhost:4200 会进入主页，现在将主页导航改为home，http://localhost:4200也显示404 此时配置重定向，如上图{ path: '', redir 阅读全文

posted @ 2017-08-14 13:22 work hard work smart 阅读(653) 评论(0) 推荐(0) 编辑

Angular 4 路由时传递数据

摘要：路由时传递数据的方式有 1. 在查询参数中传递数据 2. 在路由路径中传递参数 3. 在路由配置中传递参数一.在查询参数中传递数据在前一节的基础上，我们增加路由数据传递 2. 接收参数的地方 3. 显示产品ID 4. 效果图二、路径中传递参数 1. 修改路由配置 2. 使用路径调用 3. 接收阅读全文

posted @ 2017-08-14 12:53 work hard work smart 阅读(3063) 评论(0) 推荐(0) 编辑

Angular 4 路由介绍

摘要：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 阅读(246) 评论(0) 推荐(0) 编辑

JS 响应式布局

摘要：1、media 效果为屏幕宽度变化时，背景颜色也变化 2. 弹性图片样式如下面的code .img 和 img 阅读全文

posted @ 2017-08-13 21:46 work hard work smart 阅读(254) 评论(0) 推荐(0) 编辑

JS Web的Flex弹性盒子模型

摘要：1. justify-content <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> 阅读全文

posted @ 2017-08-13 11:21 work hard work smart 阅读(666) 评论(0) 推荐(0) 编辑