【问题标题】:Dynamically added tooltip in Angular2Angular2中动态添加的工具提示
【发布时间】:2017-03-16 20:07:58
【问题描述】:

我正在尝试使用 Typescript 在 Angular2 中实现以下目标:
我想要一个代表工具提示的指令/组件。我知道该怎么做,所以没有问题。我希望能够将工具提示添加到页面上的任何 HTML 元素。这也不是什么大问题。我可以使用类似的方法,例如 this one

但是现在我有以下情况:
我已经有了动态加载的组件(即带有按钮、输入字段等的表单)。但现在说我想让其中一个组件有一个工具提示。我可以将工具提示指令或组件添加到他们所有的 HTML 模板中,但这对我来说似乎不是一个非常干净的解决方案。 IE。如果我想象我可能有多个可以添加到另一个组件的较小指令/组件。然后我需要将所有这些指令/组件添加到我可能在某些时候使用它们的所有组件中,这看起来很混乱。
我可以配置这些表单组件,也可以扩展配置,所以最好是为每个组件设置一个可选的工具提示配置,如果设置了,那么工具提示是动态添加的。

但我不知道如何在不将所有这些组件打包到其他可以动态创建工具提示的其他组件中实现这一点,就像我上面链接的方法一样。

所以我的问题是:如何做到这一点?

【问题讨论】:

    标签: angular typescript angular2-template angular2-directives


    【解决方案1】:

    你的指令选择器应该像'cool-button : not(a)'。如果是这样,具有“cool-button”类的组件将自动开始工作。一旦你准备好你的指令,请在根组件或根模块中注册它。将此指令名称用作

    处的属性

    【讨论】:

    • 很抱歉,但我担心您的答案中缺少某些部分。另外:您能否解释一下如何使用指令动态添加组件?从文档来看,这似乎不起作用,因为您不能在指令中拥有工厂。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2022-10-23
    • 2012-12-21
    • 2018-11-17
    • 2017-05-19
    • 2021-11-19
    相关资源
    最近更新 更多