Dinamik olarak bir yönerge nasıl eklenir?

Question

Dinamik olarak ( numaralı enjeksiyonu) ana bilgisayara yönlendirmeyi nasıl ekleyebilirim?

Benim bir myTooltip yönergem var ve onun barındırıcısına mdTooltip yönergesi eklemek istiyorum. ElementRef.nativeElement'u denedim, ancak mdTooltip yönergesini oluşturmuyor.

mytooltip.directive.ts:

<span my-tooltip="tooltip hint">Click here</span> 

sonuç html yukarıdaki değiştirmek olmaz ama MouseEnter üzerinde it would:

@Directive({ 
    selector: '[my-tooltip]', 
    host: { 
    '(mouseenter)': 'show()', 
    '(mouseleave)': 'hide()', 
    } 
}) 
export class myTooltip { 
    @Input('my-tooltip') message; 

    constructor() { } 

    show() { 
    /* TODO: How to add md-tooltip directive to elementref (host)? */ 
    } 

    hide() { 
    /* TODO: remove md-tooltip directive from elementref (host) */ 
    } 
} 

konak derken myTooltip yönergesi vardır elemanı demek span'da md-tooltip yönergesi var.

BTW, doğrudan md-tooltip değil bir sarıcı kullanıyorum nedeni, daha sonra gecikme gizleme gecikme ve malzeme araç ipucu davranışını başka yollarla da özelleştirmek istiyorum.

Düzenleme Görünüşe ekleyerek direktifler dinamik şu anda desteklenmiyor :(Bu soru hâlâ diye burada olmak

biz açısal içinde talep ediyorlar bir özelliktir

Answer 1

... okumaya bilmediği takım güncellemeler gerektiğini düşünüyorum Bu: https://github.com/angular/angular/issues/8785

bunu yapmak için hızlı ve kirli yolu kullanmaktır:

Component.ts

@HostBinding('attr.myHilite') myHilite = new myHilite();

veya parametreleri varsa ...

@HostBinding('attr.myHilite') myHilite = new myHilite(this.elementRef);

senin direktifi yaşam döngüsü kanca birinde, el ebeveyn de direktifin yaşam döngüsü kanca yöntemi çağırmak için gereken kodu çalıştırmak gerekiyorsa

böyle bileşenin yaşam döngüsü kanca yöntemleri ... Component.ts

ngOnInit(){ 
    this.myHilite.ngOnInit(); 
}