ng-bootstrap选项卡不保留canvas(pdfjs)内容

时间:2016-11-27 16:21:09

标签: angular tabs angular-ui-bootstrap pdfjs ng-bootstrap

背景:

我正在使用UI Bootstrap(ng-bootstrap@1.0.0-alpha.14)移植使用ng-bootstrap到Angular 2的Angular 1应用。在Angular 1应用中,我使用uib-tabsetuib-tabng-repeat动态创建标签。在Angular 2中,我使用ngb-tabsetngb-tab*ngFor来做同样的事情。 每个标签都包含一个我使用pdfjs填充的画布。标签加载工作正常。

但是,当我从标签中点击并返回标签时,PDF内容就消失了。

思想:

我能解决这个问题的唯一方法是每次选择一个标签时加载PDF内容,但我并不热衷于这样做。我注意到在ng-bootstrap中只有当前/可见选项卡实际上在DOM中。在UI Bootstrap中,所有选项卡都在DOM中,但当然只有一个可见 - 并且在选项卡之间导航不会导致PDF内容消失。

有没有人在新的bootstrap中看到过这种行为?听起来像新的引导程序在单击其他选项卡时将其从DOM中删除时不会保存选项卡的所有内容。关于如何解决这个问题以实现以前的行为的任何想法/建议?

0 个答案:

没有答案