摘要: 练习:实现一个SPA demo14/ check.component.ts 查看页面 pay.component.ts 支付页面 send.component.ts 发货页面 路由默认加载check check : button -> pay 传递价格 pay: 接收到参数 显示在pay页面,超链接 阅读全文
posted @ 2020-01-18 17:47 shanlu 阅读(125) 评论(0) 推荐(0) 编辑
摘要: 假设需求: input/button点击时候,能够把 input 输入的数据发送给 demo13 ①发送方:demo12 接收方:demo13 ②配置接收方的路由地址 { path : 'demo13' } --> { path : 'demo13/: userName‘ } ③发送参数 ④接收参数 阅读全文
posted @ 2020-01-18 17:10 shanlu 阅读(277) 评论(0) 推荐(0) 编辑
摘要: ①直接修改地址栏 localhost:4200/demo11 localhost:4200/demo12 ②JS的方式 步骤一:import { Router } from '@angular/router' 步骤二:实例化 constructor ( private myRouter:Router 阅读全文
posted @ 2020-01-18 14:28 shanlu 阅读(1813) 评论(0) 推荐(0) 编辑
摘要: 1,路由 路由模块的功能:建立url 和不同的页面(组件)之间的关系,处理页面间的导航,传参,嵌套,路由守卫。。。。。 2,angular实现路由 实现的基本步骤 ①指定一个容器 <rooter-outlet></rooter-outlet> ②创建要用到的组件 ③配置路由词典 方案一:在app.m 阅读全文
posted @ 2020-01-18 13:11 shanlu 阅读(273) 评论(0) 推荐(0) 编辑
摘要: 自定义指令 angular创建指令的方式: 创建一个指令类,掌握了自定义指令的知识,根据业务创建不同的需要用到的指令(有可能自带的指令无法实现所有的需求) 创建一个组件类 @Component 创建一个模块类 @NgModel 创建一个指令类 @Directive 自定义指令的实现步骤 ①使用之前, 阅读全文
posted @ 2020-01-18 11:46 shanlu 阅读(125) 评论(0) 推荐(0) 编辑