Angularjs 为什么单击图标时不显示弹出窗口或工具提示？

!！[在此处输入图像描述][1]我正在尝试在图标上显示工具提示（每行的星型按钮）。但我不知道为什么它会在没有任何事件的情况下显示。我想在用户单击星型图标时显示工具提示或弹出窗口。我制作了自定义指令，但它不起作用。它已经显示。它应该显示在星型图标上吗

app.directive（'popUpCheck'，function（）{
返回{
限制：“A”，
模板：“
”
+“
编辑”
+“
删除
”
+“
复制”
+“
”，
链接：功能（范围、el、属性）{
scope.label=attrs.popopOverlabel；
美元（el）.popover({
触发器：“单击”，
是的，
位置：'对'
});
}
}
});

首先，您没有包括jQuery，这在您尝试做的事情中是必不可少的

第二，你已经包括了——它由已经做了你想做的事情的指令组成。如果您希望能够在

jQuery

对象上访问引导方法，例如

.popover（）

，则必须包含常规的Twitter引导脚本（使用适当的插件）

第三，当您使用AngularJS时，为什么还要在JavaScript中这样做？您所做的是AngularJS不希望您做的

---

第四，你的HTML有点乱七八糟，我没法把它修好——但这是我对你试图做的事情的“修好”（我想）

可能是的副本，但线程中没有解决方案..您有吗solution@NikosParaskevopoulos你有什么解决办法吗？谢谢你的回答。我们可以用directives来显示“编辑”、“复制”和“删除”选项吗？我想你的意思是当你点击星号时显示它们，或者别的什么？签出下拉部分。而不是显示消息“his是您的AngularUI popover指令”。我们可以显示三个“li”元素吗？给我一秒钟，我将给出一个我想要的图像。请检查我的更新。我们可以这样显示吗..正如我在图像中所做的..我有3个li具有一些值“编辑”，复制，“删除”。单击图标

app.directive('popUpCheck', function() {
  return {
    restrict: 'A',
    template :"<ul class='list-group'>"
  +"<li class='list-group-item'>Edit</li>"
  +"<li class='list-group-item'>Delete</li>"
  +"<li class='list-group-item'>copy</li>"

+"</ul>",
    link: function (scope, el, attrs) {
            scope.label = attrs.popoverLabel;
            $(el).popover({
                trigger: 'click',
                html: true,
                placement: 'right'
            });
        }
  }
});