angular ui bootstrap uib-tooltip 在自定义触发器上显示

Posted

技术标签:

【中文标题】angular ui bootstrap uib-tooltip 在自定义触发器上显示【英文标题】:angular ui bootstrap uib-tooltip show on custom trigger 【发布时间】:2016-03-08 09:56:41 【问题描述】:

我在输入字段上有这个工具提示:

<input id="chatMsg" uib-tooltip="something" tooltip-trigger="openTrigger" ng-model="chatMsg" />

我想在这样的自定义触发器上显示它:

angular.element('#chatMsg').trigger('openTrigger');

但我无法让它工作,在我以前的 ui-bootstrap-tpls 版本上它正在工作 (0.12.1) 现在我已经升级到 0.14.3

我还像这样配置了提供程序:

app.config(['$uibTooltipProvider', function ($uibTooltipProvider) 
    $uibTooltipProvider.setTriggers(
        'openTrigger': 'closeTrigger'
    );
]);

谢谢。

【问题讨论】:

【参考方案1】:

从 0.12.0 版开始,tooltip-trigger 不再可观察(因此您无法以编程方式更改它)。

您可以使用 tooltip-enable 来获得相同的行为。在此处查看更多详细信息:https://github.com/angular-ui/bootstrap/issues/3372

【讨论】:

以上是关于angular ui bootstrap uib-tooltip 在自定义触发器上显示的主要内容,如果未能解决你的问题,请参考以下文章

AngularJs的UI组件ui-Bootstrap分享——Accordion

AngularJs的UI组件ui-Bootstrap分享——Accordion

在 angular-ui-bootstrap 中创建一个两列下拉列表

AngularJs的UI组件ui-Bootstrap分享(十三)——Progressbar

如何为 uib-popover 使用不同的触发器组合?

AngularJs的UI组件ui-Bootstrap分享——Tabs