Javascript uib popover模板未显示

您好，我正在尝试使用一个字体超级图标上的

uib popover模板

作为一种设置菜单，但无法显示弹出窗口。这在我正在使用的页面的标题中：

    <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>

最后，在类的控制器中，我有一个包含模板url的对象：

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

vm.popover={
模板：“”
};

我不确定我错过了什么，但即使是一个流行音乐也不会显示，更不用说有我的模板的那一个了。如果我用

uib popover=“test”

做省略号（fa图标），popover将显示其中的“test”，因此我正确安装了uib依赖项。

这一行

uib-popover-template="'options-panel.html'"

应该是

uib-popover-template="options-panel.html"

注意，我删除了单引号，

uib popover template

接受一个表达式，该表达式将计算到

$scope

上的模板位置。通过以单引号传递模板路径，您只传递了一个普通字符串作为表达式

从

uib popover template—表示用于popover正文的模板位置的URL

想想这个笨蛋

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

你不再需要了

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

vm.popover={
模板：“”
};

我不确定您是否使用了不同的版本，但我遇到了类似的问题，没有单引号，popover无法工作。对于单引号，它实际上是有效的。它必须有引号，因为它是一个角度表达式。否则，它将尝试使用属性

html

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