对angularjs2架构的初步理解

本文详细介绍了AngularJS 2中的核心概念,包括组件、服务、模板及其交互方式。阐述了如何通过组件和自定义属性实现界面与逻辑的分离,并探讨了服务在组件间的数据传递与处理机制。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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,数据绑定:数据绑定
 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值