Angularjs 将角度数据绑定文本传递到引导工具提示标题属性

我在我的页面上使用引导工具提示，我想使用{{}将文本传递给页面上的title属性，但它不起作用。 这是我的HTML：

<a class="questionIcon" data-toggle="tooltip" data-placement="right" title="{{textBundle.tooltip-message}}">?</a>

---

但是，当我将鼠标悬停在？上时，显示的消息是：{{textBundle.tooltip message}}，而不是实际内容。有没有办法使用标准引导工具提示获取要输入的动态内容

同意这些评论。。。永远不要在控制器中使用jquery。你应该使用指令。例如，我的指令称为“aiTooltip”，下面是它如何利用角带（）

plunkr：（位置有点不对劲，但你明白了）

在模板中：

    <p class="link" ai-tooltip="{{ name }}">{{ name }}</p>

在模板的

$scope

中，我们传入一个名为

name

$scope.name = 'Foobar';

---

永远不要在控制器中使用jquery。您应该使用：最有可能的引导是在angular有机会编译之前存储标题。您的代码需要在指令中。在angular上使用页面加载框架/插件通常不是一个好主意。在指令中初始化它们

app.directive('aiTooltip', function aiTooltipDirective($rootScope, $timeout, $tooltip) {
        return {
            restrict: 'A',
            scope: {
                aiTooltip: '@', // text to display in caption
            },
            link: function aiTooltipLink(scope, elem, attrs) {
                var tooltip;

                $timeout(function() {
                    tooltip = $tooltip(elem, {
                        title: scope.aiTooltip,
                        html: true,
                        trigger: scope.aiTooltipTrigger|| 'hover',
                        placement: scope.aiTooltipPlacement || 'top',
                        container: scope.aiTooltipContainer || 'body'
                    });
                });
            }
        };
    });

$scope.name = 'Foobar';