Angularjs UI Bootstrap Popover - 将html表放在popover

时间:2016-09-23 06:48:34

标签: angular-ui-bootstrap

我正在使用此Angular-UI Bootstrap Popover

以下是我的代码snnipt:

<a href=""
      popover-placement="{{$index < 4 ? 'bottom' : 'left'}}"
      popover-trigger="outsideClick"
      uib-popover-template="'popover_table.html'">
    Click me  
</a> 

当我点击链接时,它会在页面中显示popover_table.html内容,它是一个表格,显示从后端返回的数据。当返回的数据太多时,popover_table将显示许多记录,用户需要在表内向下滚动。所以他们问我们是否可以在滚动时修改popover对话框顶部的表头。 Screenshot added below

因此,如果有超过4条记录,我需要添加scroll-y并将表头固定在popover顶部,这样用户可以在滚动时始终看到它。
如何实现此功能?固定的位置在这种情况下不起作用。 而且,如果我为<a>添加ng-click,那么在弹出显示后有没有办法执行ng-click功能?我测试并发现ng-click功能首先执行..

1 个答案:

答案 0 :(得分:0)

如果你正在使用ng-click,那么如果它仍然失败则假设它可以使用$ scope。$ apply()在click函数中