blue-highlight.directive.ts
yellow-highlight.directive.ts
app.module.ts
让我们看看我们如何在模块的唯一组件中使用它。
app.component.ts
我们允许将多个指令用在同一模块中的相同元素上。Angular将按顺序进行每个转换每个指令。
因为我们已经在数组中定义了两个指令,并且数组是有序集合的项,当编译器找到具有属性的元素时,它将首先应用的变换,将文本设置为灰色,将背景设置为蓝色,然后 应用的变换,再次将背景颜色更改为黄色。
总之,当两个或多个指令定位同一个元素时,它们将按照它们定义的顺序应用。