3

Итак, я работаю над тем, чтобы popover отображался на кнопке с использованием Angular-UI. Сначала я тестировал всплывающие подсказки, и они отлично работают ... но когда я использую popovers, он не работает вообще.Angular-UI (bootstrap) popover не работает?

Мой контроллер пуст, просто имеет $ scope. Вот мой код для кнопки (взято непосредственно из демо-версии на их сайте):

<button popover-placement="bottom" popover="On the Bottom!" class="btn btn-default">Bottom</button> 

Что я запутался о том, что если директива подсказки работает, почему не поповер? Я что-то упустил из своего контроллера?

Вот мой контроллер, хотя я не думаю, что это будет иметь большую помощи:

angular.module('module').controller('MyController', ['$scope', 
function($scope) { 

} 
]); 

Надеется, что я могу получить это решить. Заранее спасибо.

+1

Я считаю, что щелчок по умолчанию-щелчок по умолчанию? но да, это не имеет смысла, если угловые подсказки всплеска уже работают, возможно, у вас есть некоторые сломанные HTML-теги. – sjm

+0

@sjm спасибо ... Я думал, что схожу с ума. Может быть, кто-то еще справился с этим раньше ... – Jerry

ответ

2

Проверить 2 вещи:

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

angular.module('myModule', ['ui.bootstrap']); 

Во-вторых, убедитесь, что вы добавили все бутстраповские таблицы стилей, как самозагрузки пользовательский интерфейс использует эти

Надеюсь, это поможет.

+0

Да, я работаю над большим проектом с этим, поэтому у меня есть ui.bootstrap, который включен в глобальном масштабе .... и я думаю, что у меня есть все файлы css. Что может быть неправильным? :( – Jerry

+0

Я бы просто дважды проверял, чтобы шаблоны для popover были там, если вы используете bootstrap sass или less, возможно, у вас нет шаблонов popover. Существует файл, называемый как-то вроде bootstrap-tpls, который также должен быть включен в ваш css. Это мое лучшее предположение. Удачи. – link

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