Question

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

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

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

这不起作用，如下面的两个掠夺者所示：

Custom＆＃34; checkStrength＆＃34; bs-tooltip之外的指令工作正常：Plunker

Custom＆＃34; checkStrength＆＃34; bs-tooltip中的指令不起作用：Plunker

Answer 1

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

<强>指令

.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>

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

配置

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

示例： Plunker

不评估bs-tooltip中的指令

1 个答案: