CODEWITHSUNDEEP
angularjsangular-ui-bootstrap
Amit Anand
Amit Anand

Reputation: 103

Angularjs Popover shows arrow on button click for the very first time

On-click of button, a popover appears but an arrow appears for few seconds and then popover displays. This happens for the very first time when I clicked on button to display popover. After first popover is loaded, no arrow appears for further clicks.

If I refresh page and click button(to display popover) again, the arrow appears for few seconds and then it displays the popover.

Upvotes: 0

Views: 477

Answers (1)

itdoesntwork
itdoesntwork

Reputation: 1871

Although I have the same issue with timepickers, you should first try ng-cloak.

http://www.w3schools.com/angular/ng_ng-cloak.asp

The thing is that angular takes time to load the tamplate and shows raw material. That's why it appears only the first time, because after that it is loaded and cashed.

You can try to load the template when the controller loads. Check your console to see what is loaded when you click the button so that you know what to call.

I also tried ng-include to load my popup template before the button was pressed. Not perfect but got things a bit better.

Upvotes: 1

Related Questions