javascript - uib-popover-template 未显示

Question

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

    <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 中，我只有这个对象，其中包含模板 url:

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

我不确定我错过了什么，但即使是弹出框也不会显示，更不用说里面有我的模板了。如果我只是用 uib-popover="test" 做省略号(fa-icon)弹出框将显示“测试”，所以我 做正确安装了 uib 依赖项。

Answer 1

考虑一下 uib-popover-template笨蛋

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

你不再需要

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