Angular2のツールヒントが動的に追加されました

Question

TypescriptでAngular2で次のことを達成しようとしています：
ツールチップを表すDirective/Componentがあります。私はこれを行う方法を知っているので、問題はありません。私は私のページの任意のHTML要素にツールチップを追加できるようにしたい。これも大きな問題ではありません。 this oneのような同様のアプローチを使用できます。

しかし、今私は次のような状況に陥っています：
私はすでにコンポーネントが動的にロードされています（ボタン、入力フィールドなどのフォーム）。しかし、今私はそれらのコンポーネントの1つにツールチップを持たせたいと言います。私はすべてのHTMLテンプレートにツールチップの指示やコンポーネントを追加することができますが、これは私にとって非常にきれいな解決策ではないようです。私。他のコンポーネントに追加できる小さなディレクティブ/コンポーネントが複数あるかもしれないと想像してください。次に、それらのディレクティブ/コンポーネントのすべてを、ある時点で使用する可能性があるすべてのコンポーネントに追加する必要があります。これは面倒です。
これらのフォームコンポーネントを構成することもできますし、構成を拡張することもできます。そのため、コンポーネントごとにオプションのツールチップ設定を使用することが最善の方法です。設定すると、ツールチップが動的に追加されます。

しかし、私は上にリンクされたアプローチのように動的にツールチップを作成することができる他のコンポーネントにこれらのコンポーネントをすべてパックすることなく、どのように達成できるかわかりません。

私の質問は次のとおりです。これはどのように達成できますか？

Answer 1

ディレクティブセレクタは「クールボタン：not（a）」のようにする必要があります。 「クールボタン」クラスを持つコンポーネントが自動的に作業を開始します。ディレクティブで準備が整ったら、ルートコンポーネントまたはルートモジュールに登録してください。