Question

从http://angular-ui.github.io/bootstrap/获取示例并遵循我的指示：

<button popover="I appeared on mouse enter!" popover-trigger="mouseenter" class="btn btn-default">Mouseenter</button>

当我将鼠标移到按钮上时，我得到了：

未捕获的TypeError：无法读取属性＆＃39; split＆＃39;未定义的ui-bootstrap-tpls-0.11.2.min.js：8
positionElementsui的自举-TPLS-0.11.2.min.js：8
醉的自举-TPLS-0.11.2.min.js：9
贝自举-TPLS-0.11.2.min.js：9
巨自举-TPLS-0.11.2.min.js：9
b.event.special。（匿名函数）.handlejquery.min.js：4
b.event.dispatchjquery.min.js：3
v.handlejquery.min.js：3

在那里我找到了一条指令：＆＃34; popover指令需要$ position服务。＆＃34; 但不知道它是什么意思。我是初学者所以请帮助我。也许一些初始化需求？我在官方网站上找不到它

Answer 1

指定popover-placement为我解决了这个问题。

示例：

<input type="number"
       popover-placement="top"
       popover="This is some text that explains something"
       popover-trigger="focus">

Answer 2

工具提示和弹出窗口的位置/位置似乎存在问题。它与angular.isDefined的更改有关，它在AngularJS 1.2＆amp; 1.3

以下是一些通过设置默认值来修补问题的指令

        // Bootstrap UI fixes after upgrading to Angular 1.3
        .directive('tooltip', function() {
            return {
                restrict: 'EA',
                link: function(scope, element, attrs) {
                    attrs.tooltipPlacement = attrs.tooltipPlacement || 'top';
                    attrs.tooltipAnimation = attrs.tooltipAnimation || true;
                    attrs.tooltipPopupDelay = attrs.tooltipPopupDelay || 0;
                    attrs.tooltipTrigger = attrs.tooltipTrigger || 'mouseenter';
                    attrs.tooltipAppendToBody = attrs.tooltipAppendToBody || false;
                }
            }
        })

        .directive('popover', function() {
            return {
                restrict: 'EA',
                link: function(scope, element, attrs) {
                    attrs.popoverPlacement = attrs.popoverPlacement || 'top';
                    attrs.popoverAnimation = attrs.popoverAnimation || true;
                    attrs.popoverPopupDelay = attrs.popoverPopupDelay || 0;
                    attrs.popoverTrigger = attrs.popoverTrigger || 'mouseenter';
                    attrs.popoverAppendToBody = attrs.popoverAppendToBody || false;
                }
            }
        })

Answer 3

也许你正在使用角度1.3.1打破popover，角度1.3.0工作

Angular UI Bootstrap popover错误

3 个答案: