angularjs – 使用ng-class加载指令时类指令不起作用

我正在尝试使用ng-class加载’class’指令.但是当我这样做时,我的指令永远不会被加载.该指令是一个多用途指令,我不想在此创建一个孤立的范围.它将仅在需要时加载,基于ng-class条件,因此不使用attribute或element指令.有没有人试过这样做并成功了？

使用< div ng-class =“someClass {{tooltip：enabled}}”>< / div>调用此指令
这里启用的是范围变量.

app.directive('tooltip',['$timeout','$location','$rootScope',function (timer,$location,$rootScope) {
    return {
        restrict: 'C',transclude: true,link: function (scope,element) {
            var printContent = function () {
                /*  uses the content of .tooltip-content if it is a complex html tooltip,otherwise
                    you can use the title attribute for plaintext tooltips
                */
                var tooltipContent = $(element).find('.tooltip-content').html();
                if (!tooltipContent) {
                    tooltipContent = $(element).attr('title');
                }
                $(element).tooltip({
                    content: tooltipContent,items: "img,a,span,button,div",tooltipClass: "tooltip",position: { my: "left+30 top",at: "right top",collision: "flipfit" },show: { effect: "fadeIn",duration: "fast" },hide: { effect: "fadeOut",open: function (event,ui) { $rootScope.tooltipElement = event.target; }
                });
            };
            timer(printContent,0);
        }
    };
}]);

app.directive('dynamicClass',function($compile) {
    return {
        scope: {
            dynamicClassWhen: '=',dynamicClass: '='
        },link: function(scope,elt,attrs) {
            scope.$watch('dynamicClassWhen',function(val) {
                if (val) {
                    console.log(val);
                    elt.addClass(scope.dynamicClass);
                    $compile(elt)(scope);
                }
            });
        }
    };
});