Angularjs 角度用户界面:Popover不';行不通

Angularjs 角度用户界面:Popover不';行不通,angularjs,angular-ui-bootstrap,angular-ui,Angularjs,Angular Ui Bootstrap,Angular Ui,下面是我创建的一个示例,但它似乎不起作用: <button popover-placement="bottom" popover-template="'calendar.html'" popover-trigger="click"><h1>Hello Plunker!</h1></button> <script id="calendar.html" type="text/ng-template"> <datepicker n

下面是我创建的一个示例,但它似乎不起作用:

<button popover-placement="bottom" popover-template="'calendar.html'" popover-trigger="click"><h1>Hello Plunker!</h1></button>

<script id="calendar.html" type="text/ng-template">
  <datepicker ng-model="date" show-weeks="false"></datepicker>
</script>
你好,普朗克!

我也尝试过在
popover模板
属性中不使用撇号,但没有效果

有人能告诉我我的实现哪里有问题吗?提前谢谢

一些问题:

您在angular之前加载ui引导,因此失败(我将ui引导放在angular.js之后):


未调用datepicker指令,因为它需要“uib-”(注意uib datepicker):

你好,普朗克!
也没有调用datepicker指令,因为它需要“uib-”(注意uib datepicker):


<script src="https://code.angularjs.org/1.5.5/angular.js" data-semver="1.5.5" data-require="angularjs@1.5.5"></script>
<script data-require="ui-bootstrap@*" data-semver="1.3.2" src="https://cdn.rawgit.com/angular-ui/bootstrap/gh-pages/ui-bootstrap-tpls-1.3.2.js"></script>
<button popover-placement="bottom" uib-popover-template="'calendar.html'" popover-trigger="click"><h1>Hello Plunker!</h1></button>
<script id="calendar.html" type="text/ng-template">
  <uib-datepicker ng-model="date" show-weeks="false"></datepicker>
</script>