javascript - 自定义 AngularJS Bootstrap 工具提示

Question

如何将自定义展示位置/动画添加到 AngularJS/Bootstrap 工具提示？我能做到:

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

它工作得很好，但如果我添加:

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

在 Controller 内部，我得到一个“undefined is not a function”错误。我在语法上做错了什么？

编辑:

我也试过这样做:

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

但它似乎对工具提示上的位置没有影响。

Answer 1

如果您正在尝试配置“$tooltipProvider”。

$tooltipProvider 是一个提供者，因此只能在 angular 的 CONFIG 阶段配置。

您将不得不尝试在 angular 的 CONFIG 阶段设置它。

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