angularjs - ng-click inside bs-tooltip not working -
i'm using angular-strap tooltip , inside have link should react ng-click
, instead it's not responding.
.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 , works fine outside tooltip }
in app .config()
there html
set true
.
angular.extend($tooltipprovider.defaults, { template: "static/lib/angular-strap/tooltip.tpl.html", trigger: 'click', html: true, placement: 'bottom-left' });
by using data-title along html: true passing html, not compiled angular. if want use angular directives , data binding in tooltip, use 'contenttemplate'; here working plunker: http://plnkr.co/lsl9gyhrkcmyoegzzqei
Comments
Post a Comment