All geek questions in one place

Angular.ui.popover does not work with the latest angular 1.3.3 and angular.ui.bootstrap 0.12.0

I created this pen:

http://codepen.io/anon/pen/vEOKEK

This works if I use angular 1.2.X, but dies as soon as I move to 1.3. I need the ability to use popover-template.

<p> <button popover-placement="bottom" popover-template="calendar.html" class="btn btn-default">Date Picker</button> </p> <script id="calendar.html" type="text/ng-template"> <div ng-model="date"> <datepicker show-weeks="false"></datepicker> </div> <hr /> <div class="alert alert-success">{{ text }}</div> </script>
+5
source share
3 answers

OK bottom line - I spent HOURS trying to get angular.ui.popover to do this, but it's just not designed to create custom html templates. I switched to nsPopover for angular and I am configured. Much more flexible, better options. The tooltip / popover in angular.ui is used only in the smallest use cases, so small that I never see it.

+2
source

I'm not sure which angular -ui-bootstrap library you are using, but template support in popover is not part of the official version, here to add this function. The popover template is not specified in the documentation folder as a supported attribute.

+1
source

Popover templates are now part of the latest version of Angular UI Bootstrap (0.13.0) and work with Angular 1.3.x

https://angular-ui.imtqy.com/bootstrap/#/popover

0
source

Source: https://habr.com/ru/post/1207621/

More articles:


All Articles