1

我试图在AngularStrap bs-tooltip属性 中拥有一个<ul>带有自己指令（checkStrength）的元素，如下所示：title

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

我想要的行为如下：当用户单击输入文本框时，将出现一个工具提示，显示他们在文本框中输入密码的强度。

这不起作用，如下面的两个 Plunker 所示：

bs-tooltip 之外的自定义“checkStrength”指令工作正常：Plunker

bs-tooltip 中的自定义“checkStrength”指令不起作用：Plunker

4

1 回答 1

2

好的，它似乎不支持开箱即用。您将不得不创建自己的绑定指令

指示

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

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

});

这进入 Angular Straps 代码并在 plunker 中 tooltip.js 的第 10 行进行以下修改

模板

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

然后将配置中的 html 属性设置为 false。

配置 

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


示例： Plunker

于 2014-01-16T18:02:36.783 回答