Question

我使用指令进行弹出。但是当我动态生成行时，我的弹出窗口一直显示。我需要仅在图标点击时显示弹出窗口或工具吗？

现在显示没有点击，也显示oll行。我想只显示点击的行？

这是plunker

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 popover的文档http://angular-ui.github.io/bootstrap/#/popover。如果您需要自定义包装器，那么网站上应该有一些文档可以从javascript中使用它。

为什么一直在角度显示？

1 个答案: