Zones是一种可以帮助开发者在多个异步操作之间进行逻辑连接的新机制。通过一个zone，将相关联的每一个异步操作关联起来是Zones运行的方式。开发者可以从中获益： 网上大部分（关于zone.js）的文章要么是在讲(zone.js）过时的API，要么就是用一个非常简单的例子来解…

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

所谓 “工欲善其事，必先利其器”，下面我会介绍 如何打磨 `VS Code`这把利器。 安装插件 Local History ，这个插件用于维护文件的本地历史记录。每次修改文件时，旧内容的副本都会保留在本地历史记录中，你可以随时将文件与历史记录中的任何旧版本进行比较，如果发生意…

这篇文章主要介绍使用Angular api 和 CDK Portals两种方式实现动态创建组件，另外还会讲一些跟它相关的知识点，如：Angular多级依赖注入、ViewContainerRef，Portals可以翻译为 门户 ，我觉得放到这里叫 入口 更好，可以理解为动态创建组…

Overlay中文翻译过来意思是覆盖物，它是Material Design components for Angular中针对弹出动态内容这一场景的封装，功能强大、使用方便，尤其在开发自己的组件库时，可以让你少写许多代码，可以说只要是弹出内容的场景基本都可以使用Overlay.…

在Angular中使用DOM

从我开始使用 Angular 开始，就被组件和指令间区别的问题所困惑，尤其对那些从 Angular.js 世界来的人，因为 Angular.js 里只有指令，尽管我们也经常把它当做组件来使用。如果你在网上搜这个问题解释，很多都会这么解释（注：为清晰理解，不翻译）： 这些说法貌似…

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

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