javascript - uib-popover-template不显示

嗨，我正在尝试在字体真棒图标上使用uib-popover-template作为一种设置菜单，但无法显示弹出窗口。这是在我正在使用的页面的标题中:

    <h3>{{vm.title}}
      <i class="fa fa-ellipsis-v pull-right"
          aria-hidden="true"
          uib-popover-template="'options-panel.html'"
          popover-placement="left"></i>
    </h3>

我在右上角有一个类似“更多选项”菜单的椭圆。 options-panel.html只是4-5 <select>下拉菜单，具体取决于以下页面:

<div class="row">
  <div class="form-group col-md-12">
    <label for="viwemode">View&nbsp;Mode</label>
    <select id="viewmode"
        class="form-control"
        ng-model="vm.currentViewer"
        ng-options="view for view in vm.views"
        ng-change="vm.viewChange();"></select>
  </div>
  <div class="form-group col-md-12"
      ng-repeat="viewOption in vm.genericOptions">
    <label for="{{viewOption.label}}">{{viewOption.label}}</label>
    <select id="{{viewOption.label}}"
        class="form-control"
        ng-model="vm.config[viewOption.label]"
        ng-options="v as k for (k,v) in viewOption.values"
        ng-change="vm.optionChange(viewOption.label);"></select>
  </div>
  <div class="form-group col-md-12"
      ng-repeat="viewOption in vm.viewerOptions">
    <label for="{{viewOption.label}}">{{viewOption.label}}</label>
    <select id="{{viewOption.label}}"
        class="form-control"
        ng-model="vm.config[viewOption.label]"
        ng-options="value for value in viewOption.values"
        ng-change="vm.optionChange(viewOption.label);"></select>
  </div>
</div>

最后，在类的 Controller 中，我只有这个对象，其中包含模板网址:

vm.popover = {
  template: '<a href uib-popover-template="\'options-panel.html\'" popover-placement="left"></a>'
};

我不确定我缺少什么，但即使是弹出窗口也不会显示带有模板的窗口。如果我只是使用uib-popover="test"来做省略号(fa-icon)，则弹出窗口将显示为“test”，因此我确实已正确安装了uib依赖项。

最佳答案

考虑这个uib-popover-template矮人

我不知道您的数据结构，但应该可以。

您不再需要

vm.popover = {
  template: '<a href uib-popover-template="\'options-panel.html\'" popover-placement="left"></a>'
};