是否可以透明地组合属性选择器组件？

Question

我正在使用 Angular 中的组件库。它们提供了一个带有选择器的按钮组件

button[extButton]

，因为我们通常不想将按钮包装在另一个自定义标签中并且必须代理各种操作。

但是，我想要拥有自己的按钮组件，比如说选择器

button[appButton]

。有什么方法可以同时应用这两个组件，但只需在镜腿中使用

<button appButton>

即可。我不想直接引用库中的属性，以防我们决定更改库或按钮的实现。

这可能吗？ 我尝试扩展组件，并在装饰器中使用

host.[extButton] = 'something'

来传递一些必要的属性值，但它似乎不起作用。

Answer 1

您应该扩展该指令。我想象有些像

@Directive({
   selector: 'button[appButton]'
})
export class AppButtonDirective extends ExButtonDirective{
  constructor(){
      super()
  }
 }

看到两个构造函数应该具有相同的参数（并传递给

super

这些参数）