在bs-tooltip中单击ng-click无法正常工作

时间:2014-05-30 07:38:10

标签: angularjs angular-strap

我正在使用angular-strap tooltip并在内部我有应对ng-click作出反应的链接,但它没有响应。

html的

<span class="add-on input-group-addon" data-title="{{tooltips.date}}" bs-tooltip>
  <i class="glyphicon glyphicon-calendar fa fa-calendar"></i> Dates
</span>

的.js

$scope.tooltips = {
  date: '<a class="btn btn-default" ng-click="select()">Select date</a>'
};

$scope.select = function() {
  //doing something and works fine outside tooltip
}

在应用.config()中,html设置为true

angular.extend($tooltipProvider.defaults, {
  template: "static/lib/angular-strap/tooltip.tpl.html",
  trigger: 'click',
  html: true,
  placement: 'bottom-left'
});

1 个答案:

答案 0 :(得分:1)

通过使用数据标题和html:true,你只是传递一些html,但它不是由angular编译的。如果要在工具提示中使用角度指令和数据绑定,请使用&#39; contentTemplate&#39 ;;这是一个工作的掠夺者:http://plnkr.co/LSl9gyHRKCMYoEGZZQei