Question

当我在我的代码机制中实现在后台更改url的查询时（使用$location.search），在更改url值时，它导致所有具有选项tooltip-append-to-body的工具提示消失。由于其他原因，我需要tooltip-append-to-body属性（最简单的解决方案是删除它，但这对我来说不是解决方案）。

我的代码如下所示：

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>

在这里你有plunker：http://plnkr.co/edit/DkmcSMGmYAowbI4rNQ6W?p=preview。

$ location.search（）使angular-ui-bootstrap的工具提示消失

0 个答案: