动态安装角度2指令

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

导读：参见英文答案 How to instantiate and apply directives programmatically?????????????????????????????????????1个上下文我有一个简单的指令,根据接收的属性为给定的HTML元素添加一些属性. button class="btn btn-blue x-large" [myDirective]="{ some_j

参见英文答案 > How to instantiate and apply directives programmatically?????????????????????????????????????1个
上下文

我有一个简单的指令,根据接收的属性为给定的HTML元素添加一些属性.

<button class="btn btn-blue x-large" [myDirective]="{ some_json_data: true }">
    Unfold
</button>

myDirective指令只是在ngOnInit钩子中执行一些逻辑并装饰ElementRef本机元素(在本例中为按钮)添加属性,没有什么复杂的.

ngOnInit(): void {
  const el: Element = this.element.nativeElement;
  this.decorate(el,this.myDirective);
}

问题

基于给定的逻辑(在myDirective修饰中)我想在myDirective中向ElementRef引用的元素添加工具提示(这是另一个指令).

如何手动挂载指令以及如何将其添加到元素(ViewContainerRef)？

解决方法

不支持动态添加或删除指令.只能动态添加和删除组件(只能动态删除动态添加的组件).

（编辑：李大同）

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