-
父子组件通讯
(1)通讯前提:定义输入属性
(2)首先接收数据则导入Input装饰器,发送数据则导入Output,EventEmitter
(3)使用Input装饰器
@Input() private message : string;
发送端设置:[message]="msgToChild"
(4)使用Output装饰器
声明:@Output() private outer = new EventEmitter<string>();
发送数据:outer.emit('something');
接收端接收代码:(outer="receive($event)")
查看全部 -
自定义指令使用
(1)建立xxx.directive.ts文件,在@Directive下的selector中声明标签名。
(2)通过导入ElementRef、Renderer辅助元素的渲染
constructor(el : ElementRef, render : Renderer){
render.setElementStyle(el.nativeElement, 'backgroundColor','yellow');
}
(3)在模块中引入指令,同时在declarations中引入指令。
(4)在组件中通过标签名引用自定义指令
查看全部 -
Angular2萌生
2016年9月发布
新特性
(1)移除controller+¥scope设计,改用组件式开发(更容易上手)
(2)性能更好(渲染更快,变化检测效率更高)
(3)优先为移动应用设计(Angular Mobile Toolkit)
(4)更加贴合未来的标准(如ES6/7、WebComponent)
无缝升级方案 - UpgradeAdapter
查看全部 -
生命周期
查看全部 -
组件
查看全部 -
angular2 构造
查看全部 -
angular templateUrl----html页面
template---具体div标签内容
二选一
查看全部 -
A2核心查看全部
-
数据绑定三种方式查看全部
-
ElementRef模板元素的引用 renderer辅助渲染查看全部
-
开发环境: node.js 6.0以上 webpack打包工具,根据入口模块进行模块。 配置文件webpack.config.js:入口文件entry 打包输出的文件名 output查看全部
-
https://github.com/lizhonghui/angular2-demo查看全部
-
@Directive定义指令 @Component定义组件查看全部
-
测试笔记内容查看全部
-
@Component({ selector: "hello", template: "<p>{{greeTing}}</p>" }) export class helloComponent { private greeTing : STRING; constructor() { this.greeTing = "hello,ng2"; } }查看全部
举报