Angular中的指令：为什么它们有用？它们不能被（事件）代替吗？

Question

我是Angular2的新手，我正在阅读元素，组件，指令等之间的差异，我不明白为什么@Directive存在。

我已经阅读了文档（没有必要链接它，谢谢，我已经检查过了），我已经看到@Component是一个特定的指令案例。此外，还有不同类型的指令（结构，属性和已经提到的组件）。但是，在一天结束时，我会看一些@Directive的例子，我发现它们可以用相应的@Component中的（事件）代替。

示例：此页面中@Directive的主要示例@Directive v/s @Component in Angular可以替换为类似的内容

<contact-card [name]="'foo'" [city]="'bar'" (onClick)="someAction()"></contact-card>

偶然我没有理解它并且不可能替代它，但它的情况是，有没有任何好的理由或有用的例子使用@Directive实际上是必要的还是比调整@Component更简单？

提前致谢！

Answer 1

指令将行为添加到现有DOM元素或现有组件实例。

组件（而不是添加/修改行为）实际上创建了具有附加行为的自己的视图（DOM元素的层次结构）。

请参阅以下文件：

Directive

Component