Угловая UIBootstrap ошибка поповер

Question

Попадая пример из http://angular-ui.github.io/bootstrap/ и следующие инструкции я сделал:

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

и когда я переехал мыши на кнопку я получил:

1. Uncaught TypeError: Не удается прочитать свойство «раскол 'undefined ui-bootstrap-tpls-0.11.2.min.js: 8
2. positionElementsui-bootstrap-tpls-0.11.2.min.js: 8
3. z UI-самозагрузки-ВДУ-0.11.2.min.js: 9
4. ПУИ-бутстраповские-ВДУ-0.11.2.min.js: 9
5. Куй-бутстраповские-ВДУ-0.11.2.min.js: . 9
6. b.event.special (анонимные функции) .handlejquery.min.js: 4
7. b.event.dispatchjquery.min.js: 3
8. v.handlejquery.min.js: 3

Там я нашел инструкцию: «Директивам popover требуется услуга $ position." Но понятия не имею, что это значит. Я новичок, поэтому, пожалуйста, помогите мне. Может быть, нужна инициализация? Я не могу найти его на официальном сайте

Answer 1

Возможно, вы используете угловую 1.3.1, которая ломает поповер, угловые 1.3.0 работает

Answer 2

Указание поповер-размещение исправлена ​​проблема для меня.

Пример:

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

Answer 3

Там, кажется, проблема с размещением/позиции всплывающих подсказок и Popovers. Это что-то делать с изменениями angular.isDefined, который работает по-разному в AngularJS 1,2 & 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; 
       } 
      } 
     })