为什么在angular中总是弹出显示

why pop over display all time in angular?

本文关键字：显示 angular 为什么      更新时间：2023-09-26

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

现在它是显示没有点击，也显示所有行。我想只显示那一行被点击?

这是活塞

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

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

从控制台你的第一个问题是没有jquery和bootstrap-ui不使用jquery。所以调用$(el).popover是行不通的。

我建议在这里查看bootstrap-ui popover的文档http://angular-ui.github.io/bootstrap/#/popover。如果你需要自定义包装器，那么网站上应该有从javascript中使用它的文档。

相关文章：