Angular知识点梳理一

本文主要梳理Angular的架构、模块和组件。Angular是一个基于TypeScript的JavaScript框架,由NgModule定义模块,组件作为视图与服务的核心。文章详细介绍了组件的selector、templateUrl和providers,以及数据绑定、管道和指令等重要概念。此外,还讨论了服务的依赖注入机制,展示了Angular DI的工作原理。

 

目录

 

架构梳理:

模块梳理:

组件梳理:

说明

相关概念

绑定:

绑定的形式:

管道:

服务:

说明

Angular依赖注入


架构梳理:

Angular本身是用TS实现的一个JS框架,一个Angular项目至少包含一个根模块也就是AppModule,在根模块中引入很多特性模块如路由模块。模块(NgModule)为组件编译提供了上下文环境,一个模块中可以包含多个组件,每一个组件通常包含视图与服务。

所谓视图通俗来说就是模板,模板可以把HTML,Angular指令,绑定标记组合的这个产物。

所谓服务通俗来说是一个普通的类,包含的是你自己的逻辑(例如访问后台获取数据,组装对象等)。

所谓装饰器是TS提供的面向服务的一种写法,类似C#中的特性/Java中的注解,在Angualr中内置或者说提供了很多装饰器例如@Component,@Injectable。装饰器在Angular中的作用 => 用来为Angular的视图与服务提供元数据,也就是说标记出视图和服务,然后让Angular识别出来,按照框架内既定好的规则去执行,装饰器里的属性就是所谓的元数据。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值