Angular如何解析重复指令/组件选择器？冲突场景问询

1. Angular如何解析重复的指令/组件选择器？ #

好问题！这其实涉及到Angular编译器和注入器处理指令注册的核心逻辑。简单来说：Angular在编译组件模板时，会从当前的注入器上下文（比如所属模块的declarations、imports，或者组件自身的directives数组）里收集所有可用的指令和组件。如果碰到多个指令/组件用了完全一样的选择器，最后被注册到注入器里的那个会把之前的给覆盖掉。

这一点特别重要——注册顺序完全由你写代码时的数组顺序决定：不管是模块的imports、declarations，还是组件的directives，后面的项会直接覆盖前面的同选择器注册项。

2. 同选择器指令的优先级与运行时确定逻辑 #

就你举的例子来说：如果AppModule的imports数组是[ModuleA, ModuleB]，两个模块都声明了选择器为a[routerLink]的指令，那ModuleB里的指令会生效；要是把顺序反过来写成[ModuleB, ModuleA]，那生效的就是ModuleA的指令了。

Angular运行时是这么判断的：

• 编译器处理模板里的元素（比如<a routerLink="...">）时，会挨个匹配能对应这个元素的指令；
• 当找到多个匹配项时，它会选取最后一个被注入器注册的指令——因为模块的imports是按顺序处理的，后面模块的声明会直接覆盖前面模块里同选择器的注册记录。

至于官方文档的说明：Angular官方文档里确实明确提到了这个行为。在模块和指令注册的相关章节中，明确指出当多个指令匹配同一个选择器时，后注册的指令会优先生效，这是Angular指令注册表基于「顺序覆盖」的设计机制决定的。

内容的提问来源于stack exchange，提问作者Franziskus Karsunke