Angular设计模式hierarchical injector实现代码复用模块化
Angular 的 "dependency injection"
Angular 的 "dependency injection" 是一种设计模式，它可以帮助我们更有效地组织和共享代码。在 Angular 中，我们可以通过注入服务（一个常见的可注入对象类型）到组件、指令或其他服务中，实现代码的复用和模块化。
Angular 的注入器系统是分层级的，也被称为 "hierarchical injector"。这意味着你可以在不同的层级创建和注入服务，从而决定它们的作用范围和共享行为。
工作原理
举个例子，假设你有一个 LoggerService 用于记录应用的日志信息。你可以在应用的根模块 AppModule 中提供这个服务：
import { LoggerService } from './logger.service';
@NgModule({
providers: [ LoggerService ],
...
})
export class AppModule { }这样，LoggerService 就成了一个单例服务，整个应用只会有一个 LoggerService 实例。你可以在任何需要的地方注入这个服务：
import { LoggerService } from './logger.service';
@Component({
...
})
export class SomeComponent {
constructor(private logger: LoggerService) {
this.logger.log('Hello World!');
}
}然而，有时候你可能希望在某个特定的组件及其子组件中使用一个独立的 LoggerService 实例。这时，你就可以在那个组件的元数据中提供 LoggerService：
import { LoggerService } from './logger.service';
@Component({
providers: [ LoggerService ],
...
})
export class SomeSpecificComponent {
constructor(private logger: LoggerService) {
this.logger.log('Hello Specific World!');
}
}在这种情况下，SomeSpecificComponent 及其所有子组件中注入的 LoggerService 都会是这个新的实例，而不是在 AppModule 中提供的单例。
这就是 Angular 的 "hierarchical injector" 的工作原理。每个注入器都有一个父注入器，当你尝试在某个组件中注入服务时，Angular 会首先在该组件的注入器中查找该服务，如果没找到，就会去父注入器中查找，这个过程会一直持续到根注入器。如果在整个过程中都没找到该服务，Angular 就会抛出错误。
以上就是Angular设计模式hierarchical injector实现代码复用模块化的详细内容，更多关于Angular hierarchical injector的资料请关注脚本之家其它相关文章！
相关文章
在Angular.JS中可以使用数组或对象创建一个下拉列表选项。关于Angular.js中select的基础相信大家应该都已经了解了，那么下面这篇文章主要给大家介绍了Angular2中select用法之设置默认值与事件的相关资料，需要的朋友可以参考借鉴，下面来一起看看吧。2017-05-05
AngularJS基于factory创建自定义服务的方法详解
这篇文章主要介绍了AngularJS基于factory创建自定义服务的方法,结合实例形式分析了AngularJS使用factory创建自定义服务的具体步骤、操作技巧与相关注意事项,需要的朋友可以参考下2017-05-05
angular2 ng2 @input和@output理解及示例
本篇文章主要介绍了angular2 ng2 @input和@output理解及示例，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-10-10
Angularjs中$http以post请求通过消息体传递参数的实现方法
这篇文章主要介绍了Angularjs中$http以post请求通过消息体传递参数的方法,结合实例形式分析了$http使用post请求传递参数的相关设置与使用技巧,需要的朋友可以参考下2016-08-08
本文主要给大家汇总了一下angular.element的方法，十分的详细，这里推荐给大家 参考下。2015-01-01
这篇文章主要给大家介绍了关于使用Angular Cli如何创建Angular私有库的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-01-01
由于最近的一个项目使用的是angularjs1.0的版本，涉及到分页查询数据的功能，后来自己就用自定义指令实现了该功能，下面小编把实例demo分享到脚本之家平台，需要的朋友参考下2017-09-09
这篇文章主要介绍了AngularJS select设置默认值的实现方法的相关资料,这里提供实现方法帮助大家实现这样的功能，需要的朋友可以参考下2017-08-08
这篇文章主要介绍了AngularJS中table表格基本操作,涉及AngularJS针对table表格元素与属性的相关动态操作技巧,需要的朋友可以参考下2017-10-10
对angularJs中controller控制器scope父子集作用域的实例讲解
今天小编就为大家分享一篇对angularJs中controller控制器scope父子集作用域的实例讲解，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-10-10
最新评论