在另一个指令的主持人中使用Angular2指令

发布时间：2020-12-17 07:54:26 所属栏目：安全来源：网络整理

导读：我想通过使用host属性从另一个指令向一个元素添加一个指令,但是似乎没有办法引用另一个指令. @Directive({ selector: '[one]',host: { '[two]': '"some-value"' } // How can I reference DirectiveTwo here?})export class DirectiveOne { }@Directive({ se

我想通过使用host属性从另一个指令向一个元素添加一个指令,但是似乎没有办法引用另一个指令.

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

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

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

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

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

由于在同一元素上静态添加了HTML,因此支持获取由Angular实例化的另一个指令的引用.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!