将两个指令合并为一个指令

这应该与应用完全相同,dir1并且dir2与前面的例子一样,即它将具有值"red"并123在其类中进行硬编码.

我已尝试设置主机绑定,如下面的plunker示例,但这不起作用..

我有一个想法是,如果只有打字稿有多重继承,那么我只是简单地写一个MyDir类的扩展名Dir1 和 Dir2 ..

我的问题是如何编写自定义指令(MyDir)来实现预期用途？

请帮助,谢谢!

https://plnkr.co/edit/W20Wvew326qsGfPU5H6v

更新:仍然不可能在2018年9月.这是Angular团队的功能积压.按照进度https://github.com/angular/angular/issues/8785

(TL; DR.对于我的黑客解决方案,请参见此处的Plunker)

以下是最终成为我解决问题的方法,如上所述.请注意,这不是最通用的解决方案; 在其他情况下,它的适应性很大程度上取决于所涉及的指令的公共API是什么样的.它应该适用于要组合的指令至少ElementRef作为注入依赖项之一,如:

constructor(private elRef: ElementRef, /*...*/) { /*...*/ }

// inside MyDir constructor
this.d1 = new Dir1(this.elRef,  /*...*/);
this.d2 = new Dir2(this.elRef,  /*...*/);

//inside MyDir constructor
this.d1.dir1 = "red";
this.d2.dir2 = 123;

ngAfterContentInit() {
  this.d1.ngAfterContentInit();
  this.d2.ngAfterContentInit();
}