<!DOCTYPE html>
<html ng-app="myApp">
<head>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.css" rel="stylesheet" data-semver="3.3.6" data-require="bootstrap-css@*" />
<script data-require="angular.js@1.7.5" data-semver="1.7.5" src="https://code.angularjs.org/1.7.5/angular.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-bootstrap/2.5.0/ui-bootstrap-tpls.min.js"></script>
<link href="lib/style.css" rel="stylesheet" />
<script src="lib/script.js"></script>
</head>
<body ng-controller="PopoverCtrl">
<h1>uib-popover</h1>
<div>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere, tortor at volutpat blandit, ex purus ultrices purus, vel pulvinar leo orci ut ex. Etiam fringilla risus eu sem posuere dapibus vitae id lacus. Aenean a fermentum dui. Nulla facilisi. Phasellus lacinia id orci vel pellentesque. Quisque posuere, eros id convallis faucibus, sem nisl rutrum enim, accumsan placerat lorem erat in tortor. Integer suscipit fermentum lectus, vitae pulvinar lorem mollis non. Nam nec tempor nisi. Nam varius consequat justo, vel viverra mi commodo et. Integer mollis dictum metus, sit amet laoreet diam malesuada id. Phasellus nec fringilla metus, id luctus mi. Phasellus faucibus gravida libero in tincidunt. Aenean convallis nulla ut ornare fringilla. Curabitur molestie nibh a massa aliquam commodo. Proin rutrum dolor non ipsum tincidunt, a imperdiet purus congue.
Praesent fermentum mattis diam nec auctor. Pellentesque urna urna, finibus ac nulla ut, posuere ultrices risus. Sed eu est sollicitudin, volutpat nulla sit amet, ullamcorper nisi. Praesent vitae massa eros. Cras sagittis sit amet dui vel mattis. Proin sem tortor, ultricies vitae varius et, rhoncus consectetur nibh. Ut in orci posuere, gravida libero ut, commodo ante. Nunc finibus consectetur orci, sed eleifend risus suscipit at. Nullam lectus justo, ornare in elit sed, imperdiet iaculis nunc.
Vestibulum non vehicula nibh, quis placerat dui. Fusce elementum rhoncus mauris. Nulla nec nisl fermentum, pulvinar ligula sed, blandit turpis. Integer dictum semper malesuada. Sed auctor mi eu felis accumsan viverra. Praesent eu interdum ipsum. Suspendisse potenti. Etiam consectetur mi neque, id dictum magna hendrerit in. Donec egestas egestas tellus. Aenean tempor erat lacus, tincidunt rhoncus ex consequat ut. Cras luctus, nunc eget auctor imperdiet, sem lacus mollis erat, at malesuada lorem lacus ac est. Ut tincidunt blandit nunc, non molestie justo venenatis a. Integer ac mi tempor, aliquam erat vel, tincidunt nisi.
</div>
<div>
Here is a popover button:
<button uib-popover-template="'popover.html'" popover-trigger="outsideClick" popover-placement="auto right">Popover 1</button>
</div>
<div>
Button 2:
<button ng-click="trigger()">Trigger digest</button>
</div>
<div>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere, tortor at volutpat blandit, ex purus ultrices purus, vel pulvinar leo orci ut ex. Etiam fringilla risus eu sem posuere dapibus vitae id lacus. Aenean a fermentum dui. Nulla facilisi. Phasellus lacinia id orci vel pellentesque. Quisque posuere, eros id convallis faucibus, sem nisl rutrum enim, accumsan placerat lorem erat in tortor. Integer suscipit fermentum lectus, vitae pulvinar lorem mollis non. Nam nec tempor nisi. Nam varius consequat justo, vel viverra mi commodo et. Integer mollis dictum metus, sit amet laoreet diam malesuada id. Phasellus nec fringilla metus, id luctus mi. Phasellus faucibus gravida libero in tincidunt. Aenean convallis nulla ut ornare fringilla. Curabitur molestie nibh a massa aliquam commodo. Proin rutrum dolor non ipsum tincidunt, a imperdiet purus congue.
Praesent fermentum mattis diam nec auctor. Pellentesque urna urna, finibus ac nulla ut, posuere ultrices risus. Sed eu est sollicitudin, volutpat nulla sit amet, ullamcorper nisi. Praesent vitae massa eros. Cras sagittis sit amet dui vel mattis. Proin sem tortor, ultricies vitae varius et, rhoncus consectetur nibh. Ut in orci posuere, gravida libero ut, commodo ante. Nunc finibus consectetur orci, sed eleifend risus suscipit at. Nullam lectus justo, ornare in elit sed, imperdiet iaculis nunc.
Vestibulum non vehicula nibh, quis placerat dui. Fusce elementum rhoncus mauris. Nulla nec nisl fermentum, pulvinar ligula sed, blandit turpis. Integer dictum semper malesuada. Sed auctor mi eu felis accumsan viverra. Praesent eu interdum ipsum. Suspendisse potenti. Etiam consectetur mi neque, id dictum magna hendrerit in. Donec egestas egestas tellus. Aenean tempor erat lacus, tincidunt rhoncus ex consequat ut. Cras luctus, nunc eget auctor imperdiet, sem lacus mollis erat, at malesuada lorem lacus ac est. Ut tincidunt blandit nunc, non molestie justo venenatis a. Integer ac mi tempor, aliquam erat vel, tincidunt nisi.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere, tortor at volutpat blandit, ex purus ultrices purus, vel pulvinar leo orci ut ex. Etiam fringilla risus eu sem posuere dapibus vitae id lacus. Aenean a fermentum dui. Nulla facilisi. Phasellus lacinia id orci vel pellentesque. Quisque posuere, eros id convallis faucibus, sem nisl rutrum enim, accumsan placerat lorem erat in tortor. Integer suscipit fermentum lectus, vitae pulvinar lorem mollis non. Nam nec tempor nisi. Nam varius consequat justo, vel viverra mi commodo et. Integer mollis dictum metus, sit amet laoreet diam malesuada id. Phasellus nec fringilla metus, id luctus mi. Phasellus faucibus gravida libero in tincidunt. Aenean convallis nulla ut ornare fringilla. Curabitur molestie nibh a massa aliquam commodo. Proin rutrum dolor non ipsum tincidunt, a imperdiet purus congue.
Praesent fermentum mattis diam nec auctor. Pellentesque urna urna, finibus ac nulla ut, posuere ultrices risus. Sed eu est sollicitudin, volutpat nulla sit amet, ullamcorper nisi. Praesent vitae massa eros. Cras sagittis sit amet dui vel mattis. Proin sem tortor, ultricies vitae varius et, rhoncus consectetur nibh. Ut in orci posuere, gravida libero ut, commodo ante. Nunc finibus consectetur orci, sed eleifend risus suscipit at. Nullam lectus justo, ornare in elit sed, imperdiet iaculis nunc.
Vestibulum non vehicula nibh, quis placerat dui. Fusce elementum rhoncus mauris. Nulla nec nisl fermentum, pulvinar ligula sed, blandit turpis. Integer dictum semper malesuada. Sed auctor mi eu felis accumsan viverra. Praesent eu interdum ipsum. Suspendisse potenti. Etiam consectetur mi neque, id dictum magna hendrerit in. Donec egestas egestas tellus. Aenean tempor erat lacus, tincidunt rhoncus ex consequat ut. Cras luctus, nunc eget auctor imperdiet, sem lacus mollis erat, at malesuada lorem lacus ac est. Ut tincidunt blandit nunc, non molestie justo venenatis a. Integer ac mi tempor, aliquam erat vel, tincidunt nisi.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere, tortor at volutpat blandit, ex purus ultrices purus, vel pulvinar leo orci ut ex. Etiam fringilla risus eu sem posuere dapibus vitae id lacus. Aenean a fermentum dui. Nulla facilisi. Phasellus lacinia id orci vel pellentesque. Quisque posuere, eros id convallis faucibus, sem nisl rutrum enim, accumsan placerat lorem erat in tortor. Integer suscipit fermentum lectus, vitae pulvinar lorem mollis non. Nam nec tempor nisi. Nam varius consequat justo, vel viverra mi commodo et. Integer mollis dictum metus, sit amet laoreet diam malesuada id. Phasellus nec fringilla metus, id luctus mi. Phasellus faucibus gravida libero in tincidunt. Aenean convallis nulla ut ornare fringilla. Curabitur molestie nibh a massa aliquam commodo. Proin rutrum dolor non ipsum tincidunt, a imperdiet purus congue.
Praesent fermentum mattis diam nec auctor. Pellentesque urna urna, finibus ac nulla ut, posuere ultrices risus. Sed eu est sollicitudin, volutpat nulla sit amet, ullamcorper nisi. Praesent vitae massa eros. Cras sagittis sit amet dui vel mattis. Proin sem tortor, ultricies vitae varius et, rhoncus consectetur nibh. Ut in orci posuere, gravida libero ut, commodo ante. Nunc finibus consectetur orci, sed eleifend risus suscipit at. Nullam lectus justo, ornare in elit sed, imperdiet iaculis nunc.
Vestibulum non vehicula nibh, quis placerat dui. Fusce elementum rhoncus mauris. Nulla nec nisl fermentum, pulvinar ligula sed, blandit turpis. Integer dictum semper malesuada. Sed auctor mi eu felis accumsan viverra. Praesent eu interdum ipsum. Suspendisse potenti. Etiam consectetur mi neque, id dictum magna hendrerit in. Donec egestas egestas tellus. Aenean tempor erat lacus, tincidunt rhoncus ex consequat ut. Cras luctus, nunc eget auctor imperdiet, sem lacus mollis erat, at malesuada lorem lacus ac est. Ut tincidunt blandit nunc, non molestie justo venenatis a. Integer ac mi tempor, aliquam erat vel, tincidunt nisi.
</div>
</body>
</html>
/* Add your styles here */
var app = angular.module('myApp', ['ui.bootstrap']);
app.controller('PopoverCtrl', function($scope) {
$scope.trigger = function () {
$scope.$apply();
};
});
<h2>Popover heading</h2>
<p>Hello {{name}}</p>
Phasellus varius sapien vitae eleifend pulvinar. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Fusce libero nulla, maximus et fermentum at, lacinia blandit sem. Suspendisse commodo accumsan elit sit amet rhoncus