[angularjs]气泡框的动态创建的按钮的不同心度

标签: jQuery AngularJS
发布时间: 2017/4/16 4:48:48
注意事项: 本文中文内容可能为机器翻译,如要查看英文原文请点击上面连接.

我想要显示气泡框和按钮,当它动态呈现 (通过单击"添加按钮")。

我能够显示气泡框与所需的 HTML,但如何应对齐的气泡框旁边的按钮提示吗?

这里是呆瓜描述的场景︰ https://plnkr.co/edit/GApD3WJhsa7afYAXuLJl?p=preview

<div class="my-button">
  <button class="btn btn-success" ng-bind="instance.name"></button>
  <div class="btn btn-xs btn-danger pull-right" ng-click="remove()">&times;</div>
</div>

解决方法 1:

这里是我想出了解决方案。请参阅更新的笨拙︰ http://plnkr.co/edit/Bs0K3FqnIWNjbiMkMygV?p=preview。里面的链接功能,编译气泡框内容并将其追加里面隐藏的 < div >。

var compiled = $('<div>', {css: {display: 'none'}})
   .append($compile(popoverContent)(scope)).appendTo('body');

button.popover({
  //... other config
  content: compiled.html()
});

一次删除 (通过点击右边的交叉的图标),可以删除隐藏的 < div > 和气泡框可以被摧毁。

官方微信
官方QQ群
31647020