上一页 1 ··· 25 26 27 28 29 30 31 32 33 ··· 44 下一页
摘要: 练习: 创建一个管道类 sex.pipe.ts 管道名字叫做sexchange 实现对性别的转换 1 | sexchange --> 男 0 | sexchange --> 女 1 | sexchange : true --> 男 1 | sexchange : false --> boy 0 | 阅读全文
posted @ 2020-01-22 22:34 shanlu 阅读(87) 评论(0) 推荐(0) 编辑
摘要: ①创建一个管道类文件 test.pipe.ts 指定transform方法对于数据和参数的处理,将结果返回 ②声明 app.module.ts import {TestPipe} from ' *** ' @NgModule ( { declarations : [ TestPipe ] } ) ③ 阅读全文
posted @ 2020-01-22 20:53 shanlu 阅读(199) 评论(0) 推荐(0) 编辑
摘要: 管道 pipe filter?过滤器 是用来实现对数据的筛选,过滤,格式化,管道/过滤器,本质都是一个带有参数,有返回值的方法,将输入 进行处理 进行输出 ,可以直接在 html 中进行数据的处理,省去了到JS中进行操作的过程。 在angularJs中叫做 filter,升级 angular 之后叫 阅读全文
posted @ 2020-01-22 16:26 shanlu 阅读(158) 评论(0) 推荐(0) 编辑
摘要: 练习:试下一个SPA demo21/ header.component.ts 页头组件,实现子与父通信,定义一个方法,用来返回 true/false cart.component.ts 购物车组件,渲染一个列表,就在ngOnInit 处理方法中通过ViewChild 调用 header组件中的方法, 阅读全文
posted @ 2020-01-22 01:23 shanlu 阅读(95) 评论(0) 推荐(0) 编辑
摘要: 父组件不能使用数据绑定来读取子组件的属性或调用子组件的方法。但可以在父组件模板里,新建一个本地变量来代表子组件,然后利用这个变量来读取子组件的属性和调用子组件的方法。 ①在父组件去调用子组件时,可以指定 # 加上变量的名称 <son #mySon></son> ②在父组件中,通过 mySon 得到组 阅读全文
posted @ 2020-01-22 01:17 shanlu 阅读(120) 评论(0) 推荐(0) 编辑
摘要: 练习:demo19/ 父:myheader.component.ts 子:mymain.component.ts 父==》子 在调用组件时,把main页面中定义的版本号 version = "1.0" 传递给子组件 要求子组件接收,并显示在 myheader 子==》父 在子组件初始化完成之后(ng 阅读全文
posted @ 2020-01-21 23:41 shanlu 阅读(122) 评论(0) 推荐(0) 编辑
摘要: ①绑定事件处理函数 在父组件中调用子组件的时候,绑定处理函数(定义在父组件中) 第一:在父组件中定义一个带有参数的方法 rcvMsg( data: any ) { } 第二:调用子组件时,把这个父组件中的处理参数的方法绑定到子组件的一个事件处理函数中 <son (myEvent)="rcvMsg( 阅读全文
posted @ 2020-01-21 16:05 shanlu 阅读(203) 评论(0) 推荐(0) 编辑
摘要: ①传值 在父组件中,调用子组件的时候,给指定属性去传值 <son myName="张三"></son> 若是将sonName变量中的值,绑定给 son 组件的 myName 属性, <son [myName]="sonName"></son> ②接收值 在子组件中,接收数据 import { Inp 阅读全文
posted @ 2020-01-21 00:36 shanlu 阅读(147) 评论(0) 推荐(0) 编辑
摘要: 路由嵌套: SPA中,一个组件如果支持动态加载其他组件作为子组件,渲染特定的内容,可以让功能更强大,路由嵌套就可以帮忙实现这个功能。所谓的路由嵌套就是指:在一个SPA的某个组件中,指定一个容器,该容 器可以按需加载其他组件 实现步骤 ①在准备加载其他组件的组件中,指定一个容器 router-outl 阅读全文
posted @ 2020-01-20 18:02 shanlu 阅读(312) 评论(0) 推荐(0) 编辑
摘要: 1,可以通过Router类对应的对象中的navigateUrl() 2,也可以通过Router类对应的对象中的navigate方法实现跳转,参数是一个数组,第一个元 素是path,第二个参数是要传递的参数 this.myRouter.navigate ( [ path, argument ] ) ; 阅读全文
posted @ 2020-01-20 16:39 shanlu 阅读(239) 评论(0) 推荐(0) 编辑
上一页 1 ··· 25 26 27 28 29 30 31 32 33 ··· 44 下一页