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

Popular posts from this blog

php - render data via PDO::FETCH_FUNC vs loop -

c# - Avoiding duplicate methods for Task and Task<T> -

javascript - Which segment of a polyline was clicked? -