我使用指令制作了一个弹出窗口。但是当我动态生成行时,我的弹出窗口始终显示。我需要仅在单击图标时显示弹出窗口或工具?
现在无需单击即可显示,并且还显示所有行。我想仅显示单击的那一行?
这里是笨蛋
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>
最佳答案
从控制台来看,您的第一个问题是没有 jquery 并且 bootstrap-ui 不使用 jquery。所以调用 $(el).popover
永远不会起作用。
我建议在此处查看 bootstrap-ui 弹出窗口的文档 http://angular-ui.github.io/bootstrap/#/popover 。如果您需要自定义包装器,那么网站上的某个位置应该有用于从 javascript 使用它的文档。
关于javascript - 为什么总是以 Angular 弹出显示?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25129418/