example/popover.html

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8" />
    <title></title>
</head>
<body>
    <div ng-app="esNgAntd" ng-controller="mainCtrl">
        <div class="container" style="margin: 200px">
            <es-popover placement="bottom" content="{{content}}" title="Title">
                <es-button>Hover me</es-button>
            </es-popover>
            <!-- <es-popover placement="top" content="{{content}}" context="context">
                <button>Top</button>
            </es-popover>
            <es-popover style="position: fixed; left: 200px; top: 200px" placement="top" content="{{content}}" context="context" get-popup-container="handlePopupContainer" id="test">
                <button>Fixed</button>
            </es-popover> -->
        </div>
    </div>
    <script src="https://cdn.staticfile.org/angular.js/1.2.28/angular.min.js"></script>
    <script src="../dist/ng-antd.js"></script>
    <script>
        angular
            .module("esNgAntd")
            .controller("mainCtrl", function ($scope) {
                
                $scope.content = `<div><p>Content</p><p>Content</p></div>`;
                $scope.handleClick = function () {
                    alert("I am click");
                }
            });
    </script>
</body>
</html>