组件

这次项目有一个需求是完全不相干的组件，但要显示相同的数据内容，使用 Angular8 开发，以此记录流程。 数据 数据长这样： quot data quot quot name quot quot Tim quot quot age quot quot

用angular来实现拖拽布局组件，首先想到的是直接使用angular的cdk angular cdk drag drop，尝试了一下，是很好用，在两个列表之间或自身的拖动排序上是很好的。但是我想实现的是类似于左侧

前言 如果说 2020 年唯一的遗憾是什么，那就是没有把 Docgeni 开源出去，虽然代码早就公开了。但是脚手架和文档一直没有完善，再加上整个实现还是比较粗糙，所以一直没有对外宣布，从2020

学了再多的概念，如果没有实战，都是徒劳。这一节将写一个输入框搜索请求后台数据，显示在页面上的例子。创建一个 rxjs demo 组件，并采用 OnPush 策略： ng g c components rxjs demo c O

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

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

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

前面，我们介绍了基本的属性绑定这些基础，这一节我们将介绍如何使用ng命令生成一个组件，并且还将介绍组件之间的相互属性传值。 补充：事件绑定 上一节，我们介绍的事件绑定主要是直接绑

作为Angular10教程，在我的理解中，angular相较于VUE，它的模块化做得更好，这样使代码结构显得更清晰。所以本节，我们将简单介绍下angular语法，对ngModule的理解。 什么是angular module

前言 我们都知道一个angular应用通常会有多个模块 Module 组成。而我们又会在一个模块下写多个组件，让我们了解一些模块与组件的基本构造吧。 让大家对Angular的模块和组件有一个清晰的