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

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

每次我读到 Angular 如何操作 DOM 相关文章时，总会发现这些文章提到 ElementRef、TemplateRef、ViewContainerRef 和其他的类。尽管这些类在 Angular 官方文档或相关文章会有涉及，但是很少会去描述整体思路，这些类如何一起作用的相…

如你所知，当你在 Javascript 中订阅一个 observable 或者事件时，你通常需要在特定的时候取消订阅以释放内存。否则，就会导致内存泄漏 当一部分内存不再使用但它仍被不必要得占用而不是返回给操作系统时就会产生内存泄漏。 在 Angular 的组件或者指令中…

Angular的最新版本Angular10刚发布了，我们看看有什么新特性！本文会详细讲新版本里所有值得一提的新特性，如果你想快速预览有哪些内容，可以前往Angular官方博客查看。Angular10在

这是一个很简单的话题，但是你很难在搜索到一篇比较完整的介绍它的文章，或者说单纯的告诉你 ViewEncapsulation 的用法而已，这在实际项目中远远不够的。

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

本文旨在介绍用Angular编写的组件在框架内的定义方式和存储结构，以及在Angular中最常用的数据绑定与DOM更新的实现机制。 在Angular中，要实现DOM的刷新，我们通常会使用数据绑定。而最常见的数据绑定的形式如下 当AppComponent中的数据name或者cit…