Angular4 - 有没有办法使指令透明？

Question

我在某些地方使用了供应商指令 (primeng)。但是，我希望有一种方法可以在供应商之间快速切换，因为将来我会尝试其他供应商。当我使用供应商组件时，这很容易做到，但在使用指令时似乎不可能。

简单地说，而不是做：

<input type="text" vendorDirective/>

我想做：

<input type="text" myDirective/>

虽然在 myDirective 中除了相关 inputs/outputs 之外没有代码，但表现有点像一个接口。

我正在使用 Angular6。

Answer 1

有很多方法可以做到这一点。一种方法是在您自己的指令中扩展 class，并根据需要应用逻辑。它看起来像这样：

export class MyDirective extends PrimeNGDirective {


}

这将使您能够访问供应商指令可以执行的所有操作，同时使用您自己的指令。不过请记住，它需要的配置比这多得多，我只是举一个小例子。