Как я могу использовать popover через javascript в модуле angularjs с ui.bootstrap?

Как я могу использовать popover через javascript в модуле angularjs с ui.bootstrap?

Я ищу решение, такое как $modal service.

Спасибо за вашу помощь.


person user3223056    schedule 22.01.2014    source источник
comment
Документация: angular-ui.github.io/bootstrap/#/popover   -  person Alessandro Pezzato    schedule 22.01.2014
comment
Алессандро, не могли бы вы уточнить? Я ожидал, что сервис будет похож на $popover... но не нашел. Повторное редактирование: дополнительная информация о: github.com/angular-ui/bootstrap/issues/ 590   -  person user3223056    schedule 22.01.2014
comment
Извините, но я не понимаю, как вы хотите использовать всплывающее окно как услугу. Служба $modal — это ярлык для открытия модального окна (только один экземпляр в вашем приложении). Popover позволяет вам указать столько элементов, сколько вы хотите.   -  person Alessandro Pezzato    schedule 22.01.2014
comment
Вы хотите вызвать всплывающее окно без щелчка/ввода мыши?   -  person Alessandro Pezzato    schedule 22.01.2014
comment
Я хотел бы $смотреть событие mouseenter на картинке. Когда это событие запускается, я хотел бы сделать такой код: $popover({options}). С параметрами может быть что-то вроде этого: {content: pictureTag, html: true }   -  person user3223056    schedule 22.01.2014


Ответы (1)


AngularJS — это декларативный фреймворк. Использовать императивное поведение, например вызов функции при возникновении события, — плохой стиль.

Вы можете получить то, что хотите, с помощью новой директивы для вашего особого случая «изображение, которое всплывает над текстом при вводе мыши». Обратитесь к этому Создать всплывающее окно Hoverable с помощью angular-ui-bootstrap

person Alessandro Pezzato    schedule 22.01.2014
comment
Дорогой Алессандро, большое спасибо за помощь. На самом деле в настоящее время ui.bootstrap не реализует службу всплывающих окон, как это сделал angular-strap. Я полагаю, что команда AngularUI должна внедрить его как можно скорее в соответствии с этой проблемой: github.com/angular-ui/bootstrap/issues/590. Ваше решение связано с угловым ремешком, и я хотел, прежде чем использовать решение с ui.bootstrap. - person user3223056; 23.01.2014