0

angular-strap ツールチップを使用しており、内部に に反応するリンクがありますが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'
});
4

1 に答える 1

1

data-title を html: true とともに使用すると、html を渡すだけですが、angular によってコンパイルされません。ツールチップで angular ディレクティブとデータ バインディングを使用する場合は、'contentTemplate' を使用します。ここに作業中のプランカーがあります: http://plnkr.co/LSl9gyHRKCMYoEGZZQei

于 2014-05-30T15:25:36.193 に答える