angularjs - 混合 angular1+2 应用程序出错：未捕获错误：没有 Angular 2 应用程序的 NgModule 无法实例化 UpgradeAdapter

Question

我正在开始一个 angular2 项目，希望重用我的 angular1 组件。我试图根据这个 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

显然 Angular 2.0.0 需要将 NgModule 传递给 UpgradeAdapter 构造函数。我从@angular/update 中挖掘出以下有效的代码片段：

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");
});