Question

！[在此处输入图像说明] [1]我试图在图标上显示工具提示（每行上的星形按钮）。但我不知道为什么它显示没有任何事件。我想显示工具提示或弹出窗口时用户点击星形图标。我制作一个自定义指令，但它不起作用。它已经显示。它应该显示在星形图标上吗？

http://plnkr.co/edit/OYiawflIBnpJ1PKx02LG?p=preview

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'
            });
        }
  }
});

Answer 1

首先，你还没有包含jQuery，这对你试图做的事情至关重要。

其次，你已经包含了AngularUI's Bootstrap - 它包含已经完成你想做的指令。如果您希望能够在.popover()对象上访问诸如jQuery之类的Bootstrap方法，则必须包含常规的Twitter Bootstrap脚本（使用适当的插件）。

第三，为什么你在使用Angular时甚至会在你的JavaScript中执行此操作 - 你所做的是AngularJS 不希望你做的事情。

第四，你的HTML有点搞砸了，我无法解决它 - 但这是我对你要做的事情的“修复”（我认为）。 http://plnkr.co/edit/gwkeDp5iqzyLIbFHCbuz?p=preview

为什么弹出或工具提示不显示在图标点击？

1 个答案: