ルーティングでngUpgradeを使用してAngular 2 rc.6ハイブリッドアプリをブートストラップする

Question

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

var upgradeAdapter = new UpgradeAdapter(forwardRef(() => AppModule)); 

angular.module('ng1App', []) 
    .directive('myBaseComponent', <any>upgradeAdapter.downgradeNg2Component(MyBaseComponent)); 

@NgModule({ 
    imports: [BrowserModule, routing], 
    providers: [appRoutingProviders, HTTP_PROVIDERS], 
    declarations: [MyBaseComponent, 
    MyNG2RoutableComponent] 
}) 
class AppModule { } 


upgradeAdapter.bootstrap(document.body, ['ng1App']).ready(function(){ 
    console.log('bootstraped!'); 
}); 

私のルートNG2コンポーネントのブートストラップは、レンダリングするテンプレートにものを投げることができます。しかし、私が<router-outlet></router-outlet>を追加すると、子ルートをレンダリングしないようです。 upgradeAdapterを使わずに私のNG2アプリだけをブートストラップすれば、すべて正常に動作します。

1つの接続ピースが欠けているような気がします。何か案は？

---

角度RC.6とルータRC.2更新

私は、先週と同じ問題をrc.6とルータのrc.2バージョンにアップグレード。 UpgradAdapterは、ルーティングが関係していない場合に効果的です。いったん私がルータ出口を引っ張ると、何もレンダリングされず、エラーもありません。

Answer 1

角度ルータには、インスタンス化するために少なくとも1つのコンポーネントがブートストラップされている必要があります。 ngUpgradeはAngular 1サイドをブートストラップするので、Angular 2ブートストラップされたコンポーネントはありません。これを回避するには、ApplicationRefを上書きして独自のコンポーネントを提供する必要があります。ここにこれを達成する方法を示す作業中のプランナーがあります。参考のため

http://plnkr.co/edit/Gj8xq0?p=preview

：

https://github.com/angular/angular/issues/9870