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

由模型变化触发的 DOM 更新是所有前端框架的重要功能（注：即保持 model 和 view 的同步），当然 Angular 也不例外。定义一个如下模板表达式： 当每次 name 值发生变化时，Angular 会神奇般的自动更新 DOM 元素（注：最上面代码是更新 DOM 文本…

本文通过实际案例，带大家了解依赖注入在Angular中的应用和部分实现原理。希望能让大家对Angular中的依赖注入有更进一步的理解

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

如果你正在做一个复杂项目，必然会需要自定义表单控件，这个控件主要需要实现 ControlValueAccessor 接口（译者注：该接口定义方法可参考 API 文档说明，也可参考 Angular 源码定义）。网上有大量文章描述如何实现这个接口，但很少说到它在 Angular 表…

本文主要解释如何在 Angular 中动态创建组件（注：在模板中使用的组件可称为静态地创建组件）。 AngularJS 中指令可以修改 DOM，但是没法知道修改了什么。这种方式的问题和动态环境一样，很难优化性能。动态模板当然不是 AngularJS 性能慢的主要元凶，但也是重要…

Angular Modules 是个相当复杂的话题，甚至 Angular 开发团队在官网上写了好几篇有关 NgModule 的文章教程。这些教程清晰的阐述了 Modules 的大部分内容，但是仍欠缺一些内容，导致很多开发者被误导。我看到很多开发者由于不知道 Modules 内部…

我们知道，Angular 的 @angular/forms 包提供了 NgModel 指令，来实现双向绑定，即把一个 JS 变量（假设为 name）与一个 DOM 元素（假设为 input 元素）进行绑定，这样 name 的值发生变化，input 元素 的 value 也会自动…