問題タブ [ng-upgrade]

私はapp.js角度があり1.4ます。app.js には以下が含まれます。

別のファイルを作成しています: test.ts. これには以下が含まれます。

Index.html:

これがすべて正常に機能し、angular 1 アプリがうまくブートストラップするまで。

問題は、Angular 2 で作成されたコンポーネントをディレクティブとして Angular 1 に含める必要があることです。

ドキュメントによると、私が書く必要があるのは次のとおりです。

しかし、これをどこに、どのファイルに含めますか? これを test.ts に含めると、angular定義されていないエラーが発生し、app.js にこれを含めることができませupgradeAdapterん。存在しないため、app.js

大きな Angular 1.4 アプリケーションがあります。同様に大きな E2E テストのセットは、Angular Scenario Runner を使用して記述されています (はい、Protractor を使用する必要があったことはわかっています)。

現在、ngUpgrade ハイブリッド アプローチを使用して、Angular2 に移行しようとしています。

問題は、ブートストラップの問題が原因で ngScenario テストがすべて失敗することです。Angular 1 の同期ではなく、upgradeAdapter のブートストラップは非同期です。

何ができるか教えてください。

Angular 1.5 を使用したアプリ/ウェブサイトがあります。すべてを Angular 2 に変換するには時間がかかりますが、現在取り組んでいることは優先事項ではありません。

新しいコンポーネント/ディレクティブ/サービスを Angular 2 で記述して、後で最終的に変換する必要がないようにし、新しい構文の学習を開始することは興味深いことだと考えていました。

しかし、 Angular 1.5 および 2 を含むものを ngUpgrade で出荷することは本当に良い考えでしょうか? メモリフットプリントは大きくなるはずですが、他に欠点はありますか?

Pascal Precht による次の記事http://blog.thoughtram.io/angular/2015/10/24/upgrading-apps-to-angular-2-using-ngupgrade.htmlKeep in mind that the goal of this [upgrade] phase is to stay in it as little as possible, since running both frameworks on the same website is surely not ideal.には次のように記載されています。

ngUpgrade を使用した「本物の」(つまり、小さなものでも概念実証でもない) 部分的な更新についてフィードバックがある人はいますか?

Angular 2 Hero チュートリアルで数日間遊んだ後、ngUpgrade で遊ぶことにしました。そこで、Angular をブートストラップしupgradeAdapter、Angular 2 コンポーネントをダウングレードして Angular 1 バージョンと一致させます。

タイプスクリプトTagFormController:

Chrome で開発者ツールを調べると、すべて問題なく、リクエストTagFormControllerが送信I am hereされ、コンソールに表示されます。しかし、tagFormディレクティブの使用法は内部が空です。私にとっては、Angularが正しく認識していないようです。tagForm他のtagディレクティブから次のようにディレクティブを使用します。

私は自分が何をしているのかを少し考えなければなりません。プロジェクトのAngular 1部分にSystemJSを使用しないことが重要かもしれませんが、私が書いたようにリクエストTagFormControllerが送信されます。私がどこを間違えているか分かりますか？誰かが私を助けてくれたら感謝します-事前に感謝します!

公式のアップグレードガイドを見ましたが、このようなブログもありますが、わかりません。angular2 のアップグレード モジュールを確認したかったのですが、Angular アップグレード アダプタを使用して ng1 アプリケーションを起動しようとしたときに、最初に失敗しました。

私はそれらのエラーを受け取ります

私の index.html

main.ts (公式アップグレード ガイドより)

このようにブートストラップしても問題ありません

ある種のポリフィルのみが欠落している場合、ここに私のpackage.jsonがあります:

公式の 5 分間のクイックスタートの tsconfig.json とtypings.json を使用しています。

私が読んだところはどこでも、これは些細な作業のようですが、さまざまなアプローチを試しましたが、うまくいきませんでした。それで、私は何が欠けていますか？

編集：

解決策は、ティエリーが以下で述べたようにインポートすることです

詳細については、同じ問題に焦点を当てた彼の回答 hereを参照してください（実際に読んだことがありますが、重要な部分のコメントを見逃していました）。

ngUpgradeng1 から ng2 に移行するために使用しようとしていますが、アップグレード中に Karma/Jasmine テストを通過させようとしていますが、理解できないエラーが発生しています。

Service ( Data) を ng2@Injectableにアップグレードし、upgradeAdapter.downgradeNg2Providerそれを ng1 アプリに挿入していました。プロダクションコードでは問題なく動作します。

しかし、テストで $inject しようとすると、次のエラーが発生します。

ngUpgrade の途中でコードを単体テストする実際の例はありますか? 私のスタックは Webpack ベースです。systemjsガイドに従って変換しようとしましたが、うまくいきませんでした。

カルマ.conf.js :

spec.bundle.js

Angular1 アプリケーションで Angular-upgrade モジュールを使用したい場合、Angular2 のブートストラップを使用してアプリ全体をブートストラップする必要があるようですng-app。私のチームは、時間の経過とともにアプリのコンポーネントを Angular 2 に移行することに非常に関心がありますが、現時点では、ブートストラップに触れることは少し影響が大きすぎます。

Upgrade Adapterを使用するには、Angular2 コンポーネントを使用するためにアプリのブートストラップ方法を変換する必要がありますか? 完全なAngular1アプリでAngular2コンポーネントを使用する方法はありますか?

これは、アップグレードのための複数のシナリオを説明する素晴らしい記事ですが、アプリを通常の Angular1 アプリとしてブートストラップしたままにするものはありません。

angular1 と 2 のハイブリッド アプリでコンポーネントの ComponentRef を取得する方法を探しています。angular2 ではなく UpgradeAdapter ブートストラップを使用する必要があるため、ブートストラップ関数からルートに戻って ComponentRef を使用するという約束は得られません。私はそれを自分のコンポーネントに注入しようとしました:

ただし、この参照は正しくないようです。その上のすべてのメソッドとプロパティが例外をスローします:uncaught unimplementedエラー。

RC1を使用しています。

上記は、angular2 のアップグレード アダプターをセットアップするために使用しようとしている html です。

現在、アップグレード アダプターをロードしようとしています。上記の script タグ内のコードは、サンプルの typescript コードが angular Web サイトに従って js に準拠したものです。https://angular.io/docs/ts/latest/guide/upgrade.html#!#bootstrapping-hybrid-angular-1-2-applications

問題は、「'require' is undefined」というエラーが表示され続けることです。

systemjs が読み込まれないのはなぜですか?