問題タブ [ng-upgrade]

非常にうまく機能するこの素晴らしいAngular2 Seedを使用して、Angular 2 アプリケーションを作成しました。だから私が持っている質問は、この Angular 1 ディレクティブをどのようにアップグレードできるかということです:

次の Angular 2 コンポーネントで使用できるようにします。

どうすればこれを達成できるかについて、何か考えがありますか？それは可能ですか？私の調査中に見つけた他の記事の多くは、「ベース」アプリケーションがAngular 1であるべきであることを示唆しているため...

前もって感謝します。フランソワ

rc.3 と非推奨のルーターで動作する Angular 1/Angular 2 ハイブリッド アプリがあります。私が見つけたすべての情報源から、rc.5 は新しいルーターに向けた大きな一歩です。ハイブリッド アプリをブートストラップしてルート コンポーネントをレンダリングすることはできますが、ルーティングが機能しません。

私のルート NG2 コンポーネントは、それがレンダリングするテンプレートに何かを投げることができるので、ブートストラップします。しかし、追加する<router-outlet></router-outlet>と子ルートがレンダリングされないようです。upgradeAdapter を使用せずに NG2 アプリだけをブートストラップすると、すべてが期待どおりに機能します。

接続部分が 1 つだけ欠けているように感じます。何か案は？

先週、ルーターの rc.6 と rc.2 バージョンにアップグレードしましたが、同じ問題がありました。ルーティングが関係していない場合、UpgradAdapter はうまく機能します。ルーターアウトレットを引き込むと、何もレンダリングされず、エラーも発生しません。

ng-upgrade を使用してハイブリッド モードで実行されている Angular 1 & 2 (RC5) アプリケーション。どちらを使用しようとして@NgModuleも機能しませんが、次を使用してプロバイダーを手動で追加する必要があります。

これにより、RC5->RC6 からのアップグレードが妨げられています。外部コンポーネントを使用するには、それらが使用されている特定のコンポーネントのディレクティブ: 配列に追加する必要があります。

これが私の関連するブートストラップコードです。

upgradeAdapter.ts

common.module.ts

NativeScript - angular 2 アプリで angular 1 モジュールを再利用したいと思います。

angular 2 docsUpgradeAdapterでアップグレードモジュールとそのサービスについて読みました。

[...] Angular 2 と Angular 1 の両方のコードをサポートするハイブリッド アプリケーションをブートストラップおよび管理できるサービス。

サービスを使用するにはUpgradeAdapter、そのbootstrap関数を呼び出す必要があります。

NativeScript もブートストラップ関数を呼び出す必要があることを知っているため、標準の angular 2 の代わりにブートストラップnativeScriptBootstrapを使用する方法が公開されているかどうか疑問に思っています。UpgradeAdapter

編集: github repo に問題を作成しました。

ディレクティブに「コンパイル」が含まれている NG-1 を NG-2 にアップグレードするには、どうすればよいですか。ドキュメントでは「コンパイルします。これはAngular 2ではサポートされません」と書かれていますが、利用可能なチートがあれば誰かが私に提案できますか..

ここで基本的な何かが欠けていると確信しています。

RC5 の前に ng2 アップグレード アダプターを使用して、ng1 アプリケーションを ng2 に移植し始めました。以前は、コンポーネントが直接コンポーネントで使用していたディレクティブを宣言すると、すべてが正しく接続され、意味がありました。

しかし、今、ハイブリッド アプリを Angular 2 Final に移行しようとしています。依存関係に関しては、NgModule 全体がハイブリッド アプリと混同しています。

アップグレード アダプターを作成するには、ハイブリッド アプリで使用する Ng2 モジュールを渡す必要があります。それはいいです。しかし、アップグレード アダプタを作成する前に、Ng2 モジュールを完全に定義する必要があります。それが本当なら、まだ作成されていないアップグレード アダプターを使用して、ng2 モジュールで使用する ng1 コンポーネントをアップグレードするにはどうすればよいですか (アダプターを作成する前に作成する必要があります)。

参考までに、他の方法でも問題ありません-ng1で使用する必要があるすべてのトップレベルのng2コンポーネントをダウングレードするtypescriptモジュールがあり(ui-router構成で)、そのtypescriptモジュールは両方のアップグレードアダプターの後にロードされますそして、ダウングレードするコンポーネントを含む Ng2 モジュール。

それで、私は何が欠けていますか？アップグレード アダプタの upgradeNg1Component 機能を利用するにはどうすればよいですか?

この機能がないと、最も外側のコンポーネントから始めて、内側に向かって作業する必要があります。そして、それはうまく機能しますが、全体で使用されるいくつかの一般的なコンポーネントがあり、最初にそれらを ng2 に変換する必要はありません。