バックグラウンド：
(ng-bootstrap@1.0.0-alpha.14)を使用UI Bootstrapして、Angular 2に使用する Angular 1 アプリを移植しています。ng-bootstrapAngular 1 アプリではuib-tabset、uib-tabとを使用ng-repeatしてタブを動的に作成します。Angular 2ngb-tabsetでは、ngb-tabを使用*ngForしており、同じことを行います。 各タブには、pdfjs を使用して入力するキャンバスが含まれています。タブの読み込みは問題なく機能します。
しかし、タブをクリックして別のタブに戻ると、PDF コンテンツが消えてしまいます。
考え:
これを修正できる唯一の方法は、タブが選択されるたびに PDF コンテンツをロードすることですが、私はそれを行うことに熱心ではありません。ng-bootstrap現在/表示されているタブのみが実際にDOMにあることに気付きました。UI Bootstrap では、すべてのタブが DOM にありますが、もちろん表示されるのは 1 つだけです。タブ間を移動しても、PDF コンテンツが消えることはありません。
新しいブートストラップでこの動作を見た人はいますか? 新しいブートストラップは、別のタブをクリックしたときに DOM からタブを削除するときに、タブのすべてのコンテンツを保存していないようです。これを回避して以前の動作を実現する方法についての考え/提案はありますか?