在另一个指令的宿主中使用指令

Question

我想通过使用主机属性将指令添加到另一个指令中的元素，但似乎没有办法引用另一个指令。

@Directive({
    selector: '[one]',
    host: { '[two]': '"some-value"' }
    // How can I reference DirectiveTwo here?
})
export class DirectiveOne { }

@Directive({
    selector: '[two]'
})
export class DirectiveTwo { }

执行此操作时，我收到标准“无法绑定到‘两个’，因为它不是已知的本机属性”错误。

从另一个指令引用和使用一个指令的正确方法是什么？

Answer 1

指令仅由 Angular 实例化，用于匹配静态添加的 HTML（元素、id、属性、类...）的选择器。
无法使用@Component() 或@Directive() 装饰器的host 参数来实例化指令。也无法使用ViewContainerRef.createComponent()（前DynamicComponentLoader）动态创建指令

支持获取对另一个指令的引用，该指令由 Angular 实例化，因为在同一元素上静态添加了 HTML。