2015-09-12 5 views
1

Почему этот попкор не работает?AngularUI Bootstrap Popover Не работает

Plunker

<body> 
<div class="flexbox margin-top"> 
    <div class="flexible"></div> 
    <div class="flexbox"> 
    <button class="btn btn-sm btn-success" popover-template="'template.html'" popover-placement="left">Click</button> 
    </div> 
</div> 
<script type="text/ng-template" id="template.html" > 
<div> 
    <textarea>Some text, some text, some text</textarea> 
    <button class="btn btn-sm">Update</button> 
    </div> 
</script> 

Когда кнопка нажата, я хочу, чтобы показать поповер.

ответ

3

Нет проблем с кодом, добавленным в вопрос, но я нашел два вопроса в опубликованном Plunker.

  • ui.bootstrap модуль не был инициализирован

    angular.module('app', ['ui.bootstrap']); 
    
  • UI Bootstrap шаблоны файл не был включен

    <script src="//angular-ui.github.io/bootstrap/ui-bootstrap-tpls-0.13.4.js"></script> 
    

Это работает Plunker вашего кода.

+0

: D Я не знаю, как я не замечал этого. Спасибо. Кстати, вы знаете, почему popover мерцает при нажатии кнопки. Я вижу это в левом верхнем углу страницы в течение очень короткого момента. Затем он идет туда, где это должно быть. – zarax

+0

Нет, похоже, это потребует дальнейшего расследования. Это происходит потому, что всплывающее окно отображается до того, как вычисляется его позиция. –

0

Моя проблема заключалась в том, что у меня была bower.json следующим

"angular-bootstrap":"0.13.1" 
<other references in between to make two versions not visually obvious> 
"angular-ui-bootstrap":"1.1.2" 

Я обманула себя, думая, я имел последнюю ссылку начальной загрузки через 1.1.2 линии и не заметил старый 0.13.1, который веб-приложение было на самом деле с помощью.

ie: Мое веб-приложение ссылалось на старую версию, но я думал, что ссылаюсь на новую версию.

Извлечение комплекта для установки лайнера angular-ui-bootstrap и установка версии на angular-bootstrap сделали все, чтобы все работало.

Другой окончательный Гоча использовал одиночные кавычки при указании шаблона инлайн - то есть: uib-popover-template="'mytemplate'"

Смежные вопросы