angular - 什么时候在 Angular 中使用自定义指令有用？

Question

在 Angular 文档中，有一个示例说明如何构建自定义指令，该指令在鼠标悬停时突出显示段落（或应用此指令的任何 HTML 元素）并在鼠标悬停时删除突出显示。

（通过将背景分别设置为黄色和空：elementRef.nativeElement.style.background ...）

但我认为这可以通过良好的老朋友 CSS 来实现。

所以最后，我找不到自定义指令是解决问题的唯一解决方案的情况。

你能否让我摆脱我的无知，并提供一个自定义指令有用的案例？谢谢 ：）

标签： angularangular-directive

Answer 1

当您有一个想要附加到 DOM 元素或现有组件的自定义行为并且该自定义行为不需要任何 HTML 模板时，指令会很有帮助。此类指令的最佳示例实际上来自 Angular 框架本身：ngModel、ngFor、ngIf，它们都是非常有用的指令，可以应用于任何元素。

下面是使用指令自定义 HTML 视频元素行为的示例。