对angularjs2架构的初步理解

0,下文中所用概念模板(Templates),视图(View),组件 (Components),指令 (Directives),属性,服务(Services),元数据 (Metadata),装饰器 decorator ,模块(Modules)
1,模板,即视图,也是HTML文件。
2,在angularjs2中可以自定义组件和组件中的属性。
3,组件和组件中的属性本质都是类,模板(视图、HTML文件)只能与组件和组件中的属性交互。
4,服务只能与组件和组件中的属性交互。
5,服务接收处理来自组件的数据,也提供数据给组件。
6,自定义组件及属性中尽量不要包含数据处理逻辑。
7,对应MVC模式,模板视图是V,组件的互动功能和服务中的逻辑部分对应C,服务中的数据部分对应M。
8,在自定义组件和标签时,使用  组件头(@Component等)+类  的形式。
9,在自定义属性时,使用  指令头(@Directive)+类  的形式。
10,组件头、指令头即是元数据(装饰器),是类的外部大接口。
11,组件和服务是类的概念,模块是文件的概念,模块头(模块装饰器@NgModule)+类 即可打包成模块。
12,组件和模板是一一对应关系,模板中可以嵌套多个模板。
13,数据绑定: 数据绑定
 

猜你喜欢

转载自blog.csdn.net/wzw_mzm/article/details/52729690
今日推荐