twitter bootstrap popover doesn’t work with angularjs
I was trying to use twitter bootstrap popover on my webpage when I discover that it doesn’t work when it is placed below a
Students Without Team
I don’t see why this question got down-voted. It’s a good example on how to understand the principle of scopes in angular. A scope is basically attached to a DOM element. All the controllers, repeats, etc. will only work in this DOM element (the scope). When Boostrap creates a popover, it creates a new DOM element and appends it to body, so now it’s out of the scope (it is not in the element any more). That’s a key feature to understand about Angular.
Luckily, Bootstrap has the solution. Popover has a
At the moment there are at lest 2 projects that got Bootstrap’s popover directives for AngularJS written already:
Both projects are hosted on GitHub so you can see implementations and either learn from them, decide to change or just use one of the projects.
- Database Administration Tutorials
- Programming Tutorials & IT News
- Linux & DevOps World
- Ebook Reviews
- PES Matches, Skills & News