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

Question

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

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

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

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

能否请您摆脱我的无知，并提供一个自定义指令有用的案例？谢谢:)

Answer 1

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

这是using directives to customize the behavior of the HTML video element 的示例。