在Angular2中動態添加工具提示

我想通過Typescript在Angular2中實現以下功能：
我想要一個代表工具提示的指令/組件。我知道如何做到這一點，所以沒有問題。我希望能夠將工具提示添加到我的網頁上的任何HTML元素。這也不是一個大問題。我可以使用類似的方法，如this one。在Angular2中動態添加工具提示

但現在我有以下情況：
我已經有組件，它們是動態加載的（即帶有按鈕，輸入字段等的表單）。但現在說我想讓這些組件之一有一個工具提示。我可以將一個工具提示指令或組件添加到他們的所有HTML模板中，但這似乎對我來說不是一個非常乾淨的解決方案。即如果我想象我可能有多個可以添加到其他組件的更小的指令/組件。然後，我需要將所有這些指令/組件添加到我可能在某些時候使用它們的所有組件，而這似乎很麻煩。
我可以配置這些表單組件，也可以擴展配置，所以最好的做法是爲每個組件配置一個可選的工具提示配置，如果設置了此選項，則動態添加工具提示。

但我不知道如何在不包含所有這些組件中的所有組件的情況下，可以動態創建工具提示，如上面鏈接的方法。

所以我的問題是：這怎麼能實現？

來源

2017-03-16 M0rgenstern

-1

您的指令選擇器應該像'cool-button：not（a）'。如果是這樣，那些有'酷按鈕'類的組件將自動開始工作。一旦你準備好了你的指令，請在根組件或根模塊註冊。使用此僞指令名稱作爲屬性

來源

2017-03-17 02:07:28 Saravanan

對不起，但我擔心您的答案中有一部分丟失。另外：你能解釋一下如何使用指令動態地添加組件？從文檔來看，這似乎不起作用，因爲你不能在指令中擁有工廠。 – M0rgenstern

在Angular2中動態添加工具提示

回答

相關問題