动态安装角度2指令

前端之家收集整理的这篇文章主要介绍了动态安装角度2指令前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
参见英文答案 > 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)?

解决方法

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

猜你在找的Angularjs相关文章