- 博客(5)
- 收藏
- 关注
RSS订阅原创 Angular4学习笔记（十）- 组件间通信
分类父子组件通信非父子组件通信实现父子父子组件通信一般使用@Input和@Output即可实现，参考Angular4学习笔记（六）- Input和Output - 非父子 非父子组件见通信可以通过同一个service来实现。需要注意的是一定要在service中定义一个临时变量来供传递。比如我有两个组件来传递一个Book类型的数据，HomeComponent -> BookCompone
2017-11-11 02:50:41
4262
原创 Angular4学习笔记（九）- 生命周期钩子简介
简介Angular 2 指令的生命周期，它是用来记录指令从创建、应用及销毁的过程。Angular 2 提供了一系列与指令生命周期相关的钩子，便于我们监控指令生命周期的变化，并执行相关的操作。Angular 2 中所有的钩子如下图所示： 分类指令与组件共有的钩子 ngOnChangesngOnInitngDoCheckngOnDestroy组件特有的钩子 ngAfterContentI
2017-11-05 22:49:11
5619
原创 Angular4学习笔记（八）- ng-content
内容投影ng-contentng-content是一个占位符，有些类似于router-outlet。以前举の例子，父组件包含子组件都是直接指明子组件的selector，比如子组件的selector叫app-child，那么嵌入父组件时直接指明即可:<app-child></app-child>这是很硬性的编码，而ng-content就是用来替代这种硬性编码的。比如有个父组件这样定义：@Compone
2017-11-05 22:41:39
1600
原创 Angular4学习笔记（七）- ViewChild和ViewChildren
基础ViewChildViewChild 装饰器用于获取模板视图中的元素或直接调用其组件中的方法。它支持 Type 类型或 string 类型的选择器，同时支持设置 read 查询条件，以获取不同类型的实例。比如ElementRef和ViewContainerRef.ViewChildrenViewChildren 装饰器是用来从模板视图中获取匹配的多个元素，返回的结果是一个 QueryList 集
2017-11-05 20:40:23
3827
原创 Angular4学习笔记（六）- Input和Output
概述Angular中的输入输出是通过注解@Input和@Output来标识，它位于组件控制器的属性上方。 输入输出针对的对象是父子组件。演示Input新建项目connInComponents:ng new connInComponents.新增组件stock:ng g component stock.在stock.component.ts中新增属性stockName并将其标记为输入@Inpu
2017-11-01 22:43:34
3909
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人