問題タブ [angular-upgrade]

Angular のアップグレード ガイドによると、ハイブリッド Angular 1+2 アプリは次のように設定されています。

このコードは、アプリケーションを Angular2 として接続し、最初のコンポーネントをブートストラップしてから、Angular1 アプリを接続します。

<router-outlet>問題は、 、<ng-view>、またはの外側に Angular 1 コンポーネントがある場合です<ui-view>。Angular は、Angular1 が配線される前に、これらのコンポーネントをブートストラップしようとします。これにより、次のエラーが発生します。

これが私の Bootstrapped コンポーネントの HTML です。

sb-app-home は私の Angular 1 要素です。Angular 2 モジュールに登録する方法は次のとおりです。

nav/layout/etc のルートの外で Angular 1 コンポーネントを動作させるにはどうすればよいですか?

webpack をパッケージ バンドラーとして使用する angular1 + angular2 ハイブリッド アプリケーションを作成しています。

私のコードでは、この方法でライブラリ (@angular/upgrade) をインポートします

Angular アップグレード ライブラリは、次のツリー構造 (簡略化) を持つ node_module フォルダーにあります。

問題は、デフォルトで webpack が @angular/upgrade/static.js をロードする import ステートメントを解決することです。ES6 ファイルは、残りのコードにバンドルされるとエラーを生成します。

代わりに webpack に実行してもらいたいのは、umd バンドルを指す正しいメイン定義を含む @angular/upgrade/static/package.json をロードすることです

それは達成可能ですか？

ありがとう、ギャブ

Angular 4 upgrade guideに従って、AngularJS 1.6 アプリを更新しました。基本的に、新しい angular 4 依存関係を に追加しpackage.json、アプリをブートストラップし、angular 4UpgradeModuleで新しい単純なコンポーネントを作成しました。すべてが期待どおりに機能しますが、パフォーマンスは本当に悪いです!

アプリケーションはダッシュボード アプリケーションであり、多数のウィジェット コンポーネントと、各ウィジェット コンテンツを埋めるためのバックエンドへの多数の http 要求が含まれる可能性があります。

ダッシュボードによっては、アップグレードされたアプリはダッシュボードの読み込みと表示が 2 倍から 5 倍遅くなり、Chrome ネットワーク コンソールは、http リクエストが 1.6 バージョンのように一度に実行されるのではなく、順番に実行されることを示しています。全体的に、UI も流動的ではありません。

変更検出による更新コストを削減するためngZoneに、Angular 以外でリクエストを実行してみました。zone.runOutsideAngular(() => { ... })結果はわずかに速くなりましたが、元の 1.6 のみのバージョンよりもはるかに遅くなります。

オリジナルの優れたパフォーマンスを維持するために、ハイブリッド 1.6-4 アプリにアップグレードする際に考慮すべきことはありますか? ありがとう！