弹出框(来自ngx-bootstrap)的放置不适用于ngx-datatable + ngx-translate

时间:2019-08-21 15:56:41

标签: ngx-bootstrap ngx-translate ngx-datatable

我正在尝试在按钮上添加弹出框,但是放置位置不好。

这是屏幕截图:

enter image description here

您可以在这里试用:https://stackblitz.com/edit/ngx-translate-example-ruqwa7

我已经找到了问题,但没有找到解决方法。

  1. 用户单击删除按钮
  2. 用于弹出窗口的HTML附加在html中。但是主体没有任何内容,因为尚未计算翻译量(我试图理解原因) enter image description here
  3. function计算所需的位置
  4. 翻译加载(太晚了)

我所说的很有趣

  • 在stackblitz中,我没有数据表(带有红色正方形)进行了“仿真”。在这种情况下,因为翻译是在位置计算完成之前加载的,所以可以使用
  • 无需翻译,通过强化内容就不会出现定位问题。

为什么在加载标签后进行位置计算?这显然是由于ngx-datatable。因为没有数据表,位置是正确的。

0 个答案:

没有答案