javascript - $location.search() makes angular-ui-bootstrap's tooltip disappearing -
when implemented in code mechanism change url's query in background (using $location.search
), caused disappearing tooltips have option tooltip-append-to-body
, @ moment of changing url value. need tooltip-append-to-body
attribute because of reasons (the simplest solution remove that's not solution me).
my code looks this:
js:
angular.module('mapp', ['ui.router', 'ui.bootstrap']) config(['$stateprovider', '$urlrouterprovider', function($stateprovider, $urlrouterprovider) { $urlrouterprovider.when('', '/'); $stateprovider .state('home', { url: '/', reloadonsearch: false, templateurl: 'home.html' }); } ]) .controller('myctrl', ['$scope', '$timeout', '$location',function($scope, $timeout, $location) { var value = 0; var runtimeout = function() { $timeout(function() { $location.search('start', value++); runtimeout(); }, 500); }; runtimeout(); }]);
index.html:
<body ng-app="mapp" ng-controller="myctrl" style=""> <ui-view></ui-view> </body>
home.html:
<a href="#" data-tooltip="refreshed tooltip" tooltip-append-to-body="true">tooltip</a>
here have plunker: http://plnkr.co/edit/dkmcsmgmyaowbi4rnq6w?p=preview.
Comments
Post a Comment