专题： Angular10系列教程

依赖注入（DI Dependency injection）是一种重要的应用设计模式。Angular 有自己的 DI 框架，在设计应用时常会用到它，以提升它们的开发效率和模块化程度。依赖，是当类需要执行其功能时，所

如果说，之前在模版中调用的组件为静态组件（比如：app xxx）那么不用在模版里声明，而是通过ts动态插入到dom中到组件，可以视为动态组件我们将通过一个alert组件来解释创建动态组件的步骤，

对于单页面应用来说，组件的生命周期在开发中至关重要。了解生命周期，在适当的时机处理不同的逻辑，从而使应用更加合理与健壮。定义：当 Angular 实例化组件类并渲染组件视图及其子视图时，

Pipe管道，通过逻辑简单处理模板中数据的一种方式，用法简单，是开发中很重要的简化代码的利器。元数据说明 name string 在模板中绑定时使用的管道名。通常使用 lowerCamelCase 拼写

ContentChild与ContentChildren跟我们上一节介绍的ViewChild与ViewChildren用法几乎一致。他们都是装饰器，但是区别在于，前者是获取投影（ng content）中的组件、元素等。 ContentChild

在任何js框架下，获取元素都是常用且重要的操作。这一节，我们将介绍Angular中如何使用ViewChild与ViewChildren来获取DOM元素、组件、指令。在这之前，我们需要先了解一个Angular的生命周期

写过vue的兄弟些肯定了解 amp lt slot amp gt 这个标签，这一节，我们了解下 amp lt ng content amp gt 标签，功能类似 amp lt slot amp gt ，使用方式有别，后面将介绍完全类似的插槽。在angular的官方文档中几乎看

前面我们有写过一个dialog组件，其中有一个功能点我们是没有实现的，那就是不能传入自定义组件内容。这一节，我们了解下NgTemplateOutlet结构指令 需求分析： 创建一个子组件，并且有

本节将介绍Angular 提供的两种内置指令：属性型指令和结构型指令。 属性型指令 属性型指令用于改变一个 DOM 元素的外观或行为，不会改变 DOM 结构。 组件是一种特殊的指令 为了验

这一节，我们将介绍angular内置指令：ngIf、ngSwitch、ngForOf。这也是日常开发中经常会遇到的常见指令。 ngIf ngIf是内置的结构型指令，控制宿主元素的添加或删除，取决于绑定的值是否