模块 - 指令复制

优质
小牛编辑
119浏览
2023-12-01

blue-highlight.directive.ts

yellow-highlight.directive.ts

app.module.ts

让我们看看我们如何在模块的唯一组件中使用它。

app.component.ts

我们允许将多个指令用在同一模块中的相同元素上。Angular将按顺序进行每个转换每个指令。

因为我们已经在数组中定义了两个指令,并且数组是有序集合的项,当编译器找到具有属性的元素时,它将首先应用的变换,将文本设置为灰色,将背景设置为蓝色,然后 应用的变换,再次将背景颜色更改为黄色。
总之,当两个或多个指令定位同一个元素时,它们将按照它们定义的顺序应用