背景:
我正在使用(ng-bootstrap@1.0.0-alpha.14)将使用的 Angular 1 应用程序移植UI Bootstrap
到 Angular 2 。ng-bootstrap
在 Angular 1 应用程序中,我使用和uib-tabset
来动态创建选项卡。在 Angular 2 中,我使用,并做同样的事情。 每个选项卡都包含一个我使用 pdfjs 填充的画布。标签加载工作得很好。 uib-tab
ng-repeat
ngb-tabset
ngb-tab
*ngFor
但是,当我从一个选项卡上单击并返回它时,PDF 内容就消失了。
想法:
我可以解决此问题的唯一方法是在每次选择选项卡时加载 PDF 内容,但我并不热衷于这样做。我注意到ng-bootstrap
只有当前/可见选项卡实际上在 DOM 中。在 UI Bootstrap 中,所有选项卡都在 DOM 中,但当然只有一个可见 - 在选项卡之间导航不会导致 PDF 内容消失。
有没有人在新的引导程序中看到这种行为?听起来新的引导程序在您单击其他选项卡时将其从 DOM 中删除时并没有保存选项卡的所有内容。关于如何解决此问题以实现以前的行为的任何想法/建议?