更改来自库的组件选择器

Question

语境

我正在开发一个用户界面库 - 它本身正在使用另一个提供自己组件的 Angular 库（为了这个例子，我们假设它是 Angular Material Library。提供的一些组件非常适合，我我想简单地将它们“交给”我图书馆的消费者。

问题

但是，为了一致性，我想有一个注释前缀：我想使用选择器foo-button而不是mat-button foo-button 。

有没有办法实现这种行为？ 要“重命名”组件的选择器？

我想在不将使用的组件包装到另一个组件中的情况下实现这一点，因为这将迫使我编写（并维护）我自己的方法来模仿包装组件的 API 并委托给包装组件。

Answer 1

除了创建包装器组件或创建指令以动态创建这些组件以及那些具有您想要的选择器的指令之外，没有其他方法可以做到这一点。 因为组件响应定义自己的选择器、模板等，这些选择器、模板等作为 Angular 的元数据服务。 它不能从其他任何地方被覆盖。