Angular 元数据

元数据告诉 Angular 如何处理一个类。

@Component({selector:    'hero-list',templateUrl: './hero-list.component.html',providers:  [ HeroService ]
})
export class HeroListComponent implements OnInit {/* . . . */
}

@Component装饰器能接受一个配置对象， Angular 会基于这些信息创建和展示组件及其视图。

@Component的配置项包括：

selector： CSS 选择器，它告诉 Angular 在父级 HTML 中查找 hero-list 标签，创建并插入该组件。例如，如果应用的 HTML 包含hero-list， Angular 就会把HeroListComponent的一个实例插入到这个标签中。
templateUrl：组件 HTML 模板的模块相对地址，如前所示。
providers - 组件所需服务的依赖注入提供商数组。这是在告诉 Angular：该组件的构造函数需要一个HeroService服务，这样组件就可以从服务中获得英雄数据。
元数据
@Component里面的元数据会告诉 Angular 从哪里获取你为组件指定的主要的构建块。

模板、元数据和组件共同描绘出这个视图。

其它元数据装饰器用类似的方式来指导 Angular 的行为。例如@Injectable、@Input和@Output等是一些最常用的装饰器。

这种架构处理方式是：你向代码中添加元数据，以便 Angular 知道该怎么做。

Angular 元数据相关推荐

Angular自学笔记（一）ngModule 元数据
工作硬上开发angular项目,好难啊,上网搜资料教程真的贼少,吐槽真的没什么人用angular,自己学习到处搜集整理的笔记,分享出来,方便查看理解总结.应该适用于angular11系列(更新真快,反 ...
Angular ctorParameters，decorator等元数据，包含在ActivatedRouteSnapshot数据结构里
顾名思义,这个变量包含了一个Angular Component构造函数的参数.看一个例子: 我有一个PageLayoutComponent:构造函数有一个参数pageLayoutService,类型为 ...
Angular 服务
服务的概念服务是在多个"互相不知道"的类之间共享信息的好办法.-- 官方文档可以理解为组件中需要的数据源是由服务提供的,也可以理解为组件类中的方法通过调用服务中的方法向服务器请 ...
Angular开山篇
1:环境搭建今天给大家介绍4种环境搭建的方法. 一:Angular-cli的安装官方指导文档:www.angular.cn/guide/quickstart 请使用cnpm来安装,或者配置淘宝镜像 ...
深入解析Angular Component的源码示例
本篇文章主要介绍了剖析Angular Component的源码示例,写的十分的全面细致,具有一定的参考价值,对此有需要的朋友可以参考学习下.如有不足之处,欢迎批评指正. Web Component 定 ...
angular 注入器配置_angular依赖注入
一.imports,declarations,providers介绍 imports中写入的是当前模块导入的其他模块,故imports应该导入的是module:declarations中写入的是当前模 ...
Angular 依赖注入
问题描述初学Angular,可能对一堆注解有些懵. 我们一起通过实例来探讨Angular的依赖注入. 一路尝试 @Injectable 一个命令建的StockService,一个手动建的TestSe ...
[译] 关于 Angular 动态组件你需要知道的
原文链接:Here is what you need to know about dynamic components in Angular 本文主要解释如何在 Angular 中动态创建组件(注:在 ...
Redux你的Angular 2应用--ngRx使用体验
Angular2和Rx的相关知识可以看我的Angular 2.0 从0到1系列第一节:Angular 2.0 从0到1 (一) 第二节:Angular 2.0 从0到1 (二) 第三节:Angula ...

Angular 元数据

Angular 元数据相关推荐

最新文章

热门文章