-
自定义指令查看全部
-
属性绑定是数据流的从上到下流动 事件绑定是数据流的从下到上流动; 子组件到父组件可以上@Output进行;查看全部
-
组件之间的父子关系和通信 @input() data: IContact ; 中 @input代表父组件到子组件的数据传递,在这里父组件同过子组件的[data]="item"属性绑定,把item传入到子组件中了; 属性绑定可以进行组件类与模板的数据绑定和父子组件之间的数据传递;查看全部
-
属性绑定和事件绑定都是单向数据绑定; []是属性绑定。组件实例传递到组件类中;()是事件绑定,组件实例发生对应事件后,执行类里面的函数; 双向绑定是双向数据绑定查看全部
-
模板:tamplate= "<div>1243</div>"和templateUrl="src/index.html" selector: "hello" 是css3的选择器。获取到的是hello标签(实际上是个组件); 在组件运行时,会根据selector获取到hello标签。然后把template里的内容放入<hello></hello>标签中;然后再把组件类里面的用this绑定的值this.greeting同template里面的{{greeting}}联系起来,让模板里面的变量替换成组件类里的值查看全部
-
@compoent({})是typescript的装饰器。作用是给组件类提供元数据。大概就是类似构造函数创建实例的时候,传入的参数吧;在运行时,装饰器会把元数据注入到组件类中,帮助组件实例的创建查看全部
-
核心概念总览查看全部
-
模块的应用查看全部
-
模块的应用查看全部
-
文件模块的使用查看全部
-
文件模块查看全部
-
依赖注入查看全部
-
指令介绍查看全部
-
数据流向查看全部
-
组件树 @Component({ selector:'contact-list', template:' <ul> <li> <contact [data]="item"></contact> </li> </ul>' }) export class ContactListComponect{ private datas:IContact[]; } @Component({ selector:'contact' template:'...' }) export class ContactComponent{ @Input() data: IContact; }查看全部
举报
0/150
提交
取消