ハイブリッドangle1 + 2アプリケーションのエラー：未知のエラー：Angular2アプリのNgModuleなしでUpgradeAdapterをインスタンス化できません

Question

角度1のコンポーネントを再利用するために、angle2プロジェクトを開始します。私はこのplunkr http://plnkr.co/edit/yMjghOFhFWuY8G1fVIEgに基づいて、セットアップに私のプロジェクトを試してみましたが、私は私のアプリを実行しようとしたとき、私はこのエラーを得た：

Uncaught Error: UpgradeAdapter cannot be instantiated without an NgModule of the Angular 2 app. 

plunkrただのNG2モジュールなしでアップグレードアダプタをインスタンス化して、私は理由を理解していませんそれは私のために働かなかった。 plunkrが使っているangular2のバージョンがわかりませんが、私はバージョン2.0.0を使っています。

Answer 1

明らかに、角度2.0.0では、UpgradeAdapterコンストラクタにNgModuleを渡す必要があります。

var adapter = new UpgradeAdapter(forwardRef(() => MyNg2Module)); 
var module = angular.module('myExample', []); 

module.directive('greet', function() { 
return { 
scope: {salutation: '=', name: '='}, 
template: '{{salutation}} {{name}}! - <span ng-transclude></span>' 
}; 
}); 

module.directive('ng2', adapter.downgradeNg2Component(Ng2)); 

@Component({ 
    selector: 'ng2', 
    template: 'ng2 template: <greet salutation="Hello" [name]="world">text</greet>' 
}) 
class Ng2 { 
} 

@NgModule({ 
declarations: [Ng2, adapter.upgradeNg1Component('greet')], 
imports: [BrowserModule] 
}) 
class MyNg2Module { 
} 

document.body.innerHTML = '<ng2></ng2>'; 

adapter.bootstrap(document.body, ['myExample']).ready(function() { 
    expect(document.body.textContent).toEqual("ng2 template: Hello world! - text"); 
});