Директивы внутри BS-подсказка не оцениваются

Я пытаюсь иметь <ul> элемент со своей собственной директивой (checkStrength) внутри от AngularStrap BS-подсказки title свойства, например:Директивы внутри BS-подсказка не оцениваются

$scope.tooltip = { 
    title: '<ul id="strength" check-strength="pw"></ul>', 
    checked: false 
};

поведения, я хочу заключается в следующем: когда пользователь нажимает на текстовое поле ввода, появляется всплывающая подсказка, показывающая силу пароля, когда он вводит его в текстовое поле.

Это не работает, как показано в два Plunkers ниже:

Custom "checkStrength" директива вне Bs-подсказки работает отлично: Plunker

Custom "checkStrength" директива внутри BS-подсказка не работает : Plunker

источник

2014-01-15 Nader Chehab

Это дубликат вопрос. Я ответил на это здесь: http://stackoverflow.com/questions/21126071/angularstrap-tooltip-disables-my-custom-directive/21126493#21126493 – Rob

@Rob: уточнить, это отдельный вопрос. Я хотел бы вставить ul, включая директиву checkStrength внутри всплывающей подсказки. В другом вопросе у меня был тег ul вне подсказки (эта проблема теперь исправлена). –

Извините, моя вина. – Rob

Хорошо, похоже, что это поддерживается из коробки. Вы будете иметь, чтобы создать свой собственный связыванию директива

Директива

.directive('customBindHtml', function($compile) { 
    return { 

    link: function(scope, element, attr) { 
      scope.$watch(attr.customBindHtml, function (value) { 
       element.html(value); 
       $compile(element.contents())(scope); 
      }); 
    } 
    }; 

});

Это перейти в код угловые ремни и сделать модификацию следовать по линии 10 tooltip.js в plunker

Шаблон

<div class="tooltip-inner" custom-bind-html="title"></div>

Затем установите ХТ ml в config до false.

Config

.config(function($tooltipProvider) { 
    angular.extend($tooltipProvider.defaults, { 
    html: false 
    }); 
})

Пример:Plunker

источник

2014-01-16 18:02:36 Rob

Директивы внутри BS-подсказка не оцениваются

ответ

Смежные вопросы