問題タブ [ng-upgrade]

を使用して、既存の Angular 1 コードベースを Angular 2 に段階的にアップグレードしていngUpgradeます。

既存の ng1 ディレクティブを ng2 コンポーネントに変換しています。古いバージョンには、またはメッセージ$scope.$onをリッスンするいくつかのハンドラがあります。既存のコードベースから発行された pub-sub イベントをリッスンする ng2 ネイティブの方法はありますか? RxJS または Observables を使用したものだと思いますが、それが何であるかはわかりません。$scope.$broadcast$scope.$emit

更新: $scope を ng2 注入可能サービスにプルすることで、今のところこれを機能させることができました。

ただし、これは理想とはかけ離れているようです。ng2 から ng1 からブロードキャストされるメッセージをサブスクライブする方法について、誰かが考えてくれることを期待しています。

次の Angular 1 ディレクティブがあります。

ディレクティブは、テンプレート内で「my-button」ディレクティブを使用します。「my-button」ディレクティブでは、テンプレートをコンパイルする前に「image」および「image-colour」属性値が存在する必要があります。

Angular 1 をアップグレードする次の Angular 2 コンポーネントがあります。

ご覧のとおり、テンプレートは [image] バインディングを「refresh」に設定しますが、「my-button-ex」Angular 1 ディレクティブをレンダリングするときに解決されませんでした。

アップグレード アダプターは、テンプレート引数を解決せずに最初に HTML 構文をコンパイルしようとするようです。

「this.directive.template」 - テンプレート引数が解決されていません!

何か案は？

を使用して、ng2 親コンポーネント内に動的に ng1 コンポーネントをロードしようとしていますViewContainerRef.createComponent()。プランカーはこちらhttps://plnkr.co/edit/HADJILztGEELg5lavfvP?p=preview

ただし、次の例外がスローされます。

ここに ng1-comp.js があります

動的ローダーは次のとおりです。

ポインタに感謝します..

このチュートリアルを使用して、Angular1 から Angular2 に移行する方法を学習しています。

手順 4 電話サービスのアップグレードの最後に、

誤字脱字修正後、

「npm start」で実行中のアプリケーションを確認したいときに、次のエラーが発生しました。

このチュートリアルのすべての手順を含む私の GitHub リポジトリを複製することで、このエラーを再現できます。

Angular1 アプリケーション内で Angular2 サービスを使用してアプリケーションをハイブリッド モードで実行することを期待しています。

コードを書き込んでAngularJS1.5おり、このコードを ionic 2 フレームワークで構築される別のアプリで使用したいと考えています。を使用する ionic 2 フレームワークと互換性ngupgradeのあるコードを作成するために、モジュールを使用するガイドラインに従ってみました。AngularJS1.5AngularJS 2.0

私の質問は、 を使用するときにngupgradeからブートストラップ メソッドを呼び出さなければならないということUpgradeAdapterですが、イオン フレームワークは独自のブートストラップ メソッドを呼び出します。それを達成する方法についてのアイデアはありますか？

サービスをangular 2に使用しようとして$logいます。読んだ内容によると、次の手順が必要です。

1. 注入するサービスを含むモジュールを作成します。
2. UpgradeAdapter の upgradeNg1Provider メソッドを呼び出します。

だから、私は次のことをしました

次に、次のように angular 2 コンポーネントを作成します

しかし、アプリケーションを実行すると、次のエラーが表示されます。

元の例外: $log のプロバイダーがありません!

また、私はbootstrap使用しようとしましたupgradeAdapter：

しかし、それもうまくいきませんでした。私はIonic 2フレームワークを使用しており、上記のコードは内部に書かれていることに注意してください