ディレクティブを動的に追加する方法は？

Question

指示文をホストに動的に追加するには（ ）？

私はmyTooltipディレクティブを持っており、そのホストにmdTooltipディレクティブを追加したいと思います。 のElementRef.nativeElementを試しましたが、mdTooltipディレクティブは作成されません。

mytooltip.directive.ts：ホストによって

@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) */ 
    } 
} 

私はmyTooltipディレクティブを持つ要素意味：

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

を結果は、HTML上ではなく、それは希望のMouseEnterに変更されませんスパンでmd-tooltip命令があります。

私がラッパーを使用していて、直接md-tooltipではない理由は、遅延の表示を修正し、遅れを隠し、マテリアルツールチップの動作を他の手段でもカスタマイズしたいからです。

編集どうやら追加するディレクティブは、動的に現在サポートされていません:(私はこの質問にはまだ場合にはここに

我々は角度で求めている機能がある

Answer 1

...読みになること、それ材料チームのアップデートすべきだと思いますこの：https://github.com/angular/angular/issues/8785

それを行うための迅速かつ汚い方法を使用することです：

Component.ts

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

たり、パラメータを持っている場合...

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

あなたのディレクティブは、ライフサイクルのフックの1つでコードを実行する必要がある場合は、手動で親のディレクティブライフサイクルフックメソッドを呼び出す必要があります{詐欺：このようなコンポーネントのライフサイクルフックメソッドは...

Component.ts

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