AngularJS指令集成了bootstrap工具提示

Question

我有一个引导工具提示，在我的NG研究中没有从我的研究中渲染我看到工具提示不会在角度驱动的内容上呈现，应该创建一个指令来处理这个问题来建立它。

如果我有关于此ng-repeat的现有指令，是否可以将其包含在现有指令中？

从另一篇stackoverflow文章中我接受了他们的工具提示功能，并尝试将其应用于我的现有指令，但它不起作用：

(function () {
'use strict';
angular
    .module("tpAccStatus")
    .directive(["tpAccStatusTransactionRow", tpAccStatusTransactionRow], ["tooltip", tooltip]);

function tpAccStatusTransactionRow() {
    return {
        scope: {
            trans: "=tpAccStatusTransactionRow",
            accountNumber: "=",
            setMessageState: '&'
        },
        restrict: "A",
        replace: true,
        templateUrl: "tpAccStatusTransactionRow.directive.html",
        bindToController: true,
        controller: "tpAccStatusTransactionRowCtrl",
        controllerAs: "transCtrl"
    };
}

function tooltip() {
    return {
        restrict: 'A',
        link: function (scope, element, attrs) {
            $(element).hover(function () {
                $(element).tooltip('show');
            }, function () {
                $(element).tooltip('hide');
            });
        }
    };
}

})();

在我的指令模板中，我引用：

<td><span tooltip data-toggle="tooltip" title="" data-original-title="Select an Account"><span class="fa fa-sort fa-fw"></span></span></td>

由于