javascript - 为什么总是以 Angular 弹出显示？

Question

我使用指令制作了一个弹出窗口。但是当我动态生成行时，我的弹出窗口始终显示。我需要仅在单击图标时显示弹出窗口或工具？

现在无需单击即可显示，并且还显示所有行。我想仅显示单击的那一行？

这里是笨蛋

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

app.directive('popUpCheck', function() {
  return {
    restrict: 'A',
    templateUrl: 'pop.html',
    link: function (scope, el, attrs) {
            scope.label = attrs.popoverLabel;
            $(el).popover({
                trigger: 'click',
                html: true,
                placement: 'right'
            });
        }
  }
});

这是我的 html

<table ng-table class="table">
    <tr ng-repeat="guitar in guitarVariable" style="border: 5px solid #000000; background: pink" >
    <td><span pop-up-check class="glyphicon glyphicon-star" popUpCheck></span> </td>

        <td data-title="'Name'">{{guitar.color}}</td>


        <td data-title="'class'">{{guitar.value}}</td>
    </tr>
</table>

Answer 1

从控制台来看，您的第一个问题是没有 jquery 并且 bootstrap-ui 不使用 jquery。所以调用 $(el).popover 永远不会起作用。

我建议在此处查看 bootstrap-ui 弹出窗口的文档 http://angular-ui.github.io/bootstrap/#/popover 。如果您需要自定义包装器，那么网站上的某个位置应该有用于从 javascript 使用它的文档。