2

Как добавить пользовательские места размещения/анимации в всплывающую подсказку AngularJS/Bootstrap? Я могу сделать:Настройка AngularJS Bootstrap Tooltip

myApp.controller('TooltipCtrl', function ($scope) { 
    $scope.htmlTooltip = 'Here is a tooltip!'; 
}); 

И это прекрасно работает, но если я добавляю:

$scope.setTriggers({ 
    placement: 'right' 
}); 

внутри контроллера, я получаю «неопределенная не является функция» ошибки. Что я синтаксически делаю неправильно?

EDIT:

Я также попытался это сделать:

myApp.controller('TooltipCtrl', function ($scope) { 
    $scope.placement = 'right'; 
    $scope.htmlTooltip = 'Here is a tooltip!'; 
}); 

но, кажется, не имеют никакого влияния на размещение на подсказке.

ответ

10

Если вы пытаетесь настроить «$ tooltipProvider».

$ tooltipProvider - провайдер, который конфигурируется только в фазе CONFIG.

Вам необходимо попробовать его, установив его в фазе CONFIG угловой.

angular.module('yourApp', ['ui.bootstrap']) 
     .config(['$tooltipProvider', function ($tooltipProvider) { 
     $tooltipProvider.options({ 
      placement: 'right' 
     }); 
    }]) 
+0

Синтаксически то, что вы только что опубликовали, неверно. У вас есть дополнительная скобка и прочее. Также почему вы используете '=' вместо ':'? Он говорит об Угловом пользовательском интерфейсе BootStrap, чтобы использовать строку 'placement: 'right'', я просто не уверен, как включить ее в контроллер. –

+0

См. Http://stackoverflow.com/questions/19730461/hide-angular-ui-tooltip-on-custom-event. Должен ли я добавить что-то к своим маршрутам.js? –

+0

Ahh awesome-- ваше редактирование отлично работает. –

2

Angular $ tooltipProvider был изменен на $ uibTooltipProvider. Попробуй это.

angular.module('yourApp', ['ui.bootstrap']) 
.config(['$tooltipProvider', function ($uibTooltipProvider) 
{ 
    $tooltipProvider.options({ 
    placement: 'right' 
    }); 
}]); 
Смежные вопросы