Angular 提供了一些机制来监听框架初始化过程，本文主要探索如何使用这些机制。 这个 _loadComponent() 函数会在初始化程序时被调用（译者注：这句可参考 application_ref.ts 中 L245，L281， L463，L492），通过观察这个函数不仅…

同时，Angular 也有 运行的程序实例（running application instance） 的概念，你可以使用 ApplicationRef 标记（token）作为参数注入从而获取其实例。上文的 platform 定义也隐含了一个 platform 可以拥有多个 a…

如果你之前没有深入了解 Angular 依赖注入系统，那你现在可能认为 Angular 程序内的根注入器包含所有合并的服务提供商，每一个组件都有它自己的注入器，延迟加载模块有它自己的注入器。 不久前有个叫 Tree-Shakeable Tokens feature 被合并到 m…

我们知道，Angular 依赖注入机制包含 @Optional 和 @Self 等影响依赖解析过程的装饰器，尽管它们字面意思就直接解释了其作用，但是 @Host 却困扰了我好久。我在其源码注释中看到该装饰器的 描述： 由于网上大多数教程都提到 Angular 的模块注入器和组件…

最近在学习 React 时，发现 React 提供了 Portals 技术，该技术主要用来把子节点动态的显示到父节点外的 DOM 节点上，该技术的一个经典用例应该就是 Dialog 了。设想一下在设计 Dialog 时所需要的主要功能点：当点击一个 button 时，一般需要在…

@angular/router 模块主要解决程序路由状态改变和懒加载模块问题。 @angular/router 模块就是用来解决路由状态改变和懒加载模块问题的。本文主要解释程序启动后，@angular/router 是如何注册开发者定义的路由集合的，和实例化 Router 对象…