Я пытаюсь загрузить директиву class, используя ng-class. но моя директива никогда не загружается, когда я это делаю. Директива многоцелевая, и я не хочу создавать для нее изолированную область. он будет загружаться только при необходимости, на основе условий класса ng, следовательно, не используя атрибут или директиву элемента. кто-нибудь пытался сделать это и преуспел?
эта директива вызывается с использованием <div ng-class="someClass {{tooltip: enabled}}"></div>
, здесь enabled
— это переменная области видимости.
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", duration: "fast" },
open: function (event, ui) { $rootScope.tooltipElement = event.target; }
});
};
timer(printContent, 0);
}
};
}]);
restrict: 'C'
? - person Ivan Chernykh   schedule 07.10.2013class="someClass" ng-class="{tooltip: enabled}"
- person Ivan Chernykh   schedule 07.10.2013