angularJS popover，如何使用模板？

Question

我试图在我的angularJs应用中添加一个popover（bootstrap v3.3.7）， 我可以成功添加这样的popover：

<div uib-popover="Hello" popover-title="Test" popover-placement="bottom-left" popover-trigger="'outsideClick'"></div>

这完美无缺，现在我怎样才能做一些类似于我用bootstrap模式做的事情，有一个外部htm文件作为模板，我可以将所有数据放在popover中？

我尝试使用一些DIV创建一个htm页面，并将其链接到popover中，如下所示：

 popover-template="'Views/Popovers/myPopoverTemplate.htm'"

但它不起作用。 我究竟做错了什么？谢谢

外部模板：

<div class="testbox">
<div>
    <div>
        <h3>test header</h3>
    </div>
    <div>
        <span>test body</span>

        <div>
            <button class="btn btn-default" type="button" ng-click=""><i class="fa fa-close"></i> Footer - Buttons go here</button>
        </div>
    </div>
</div>

css for the template：

.testbox {
background: #fff;
color: #000;
padding: 10px;
min-height: 200px;
min-width: 500px;
position: absolute;

}