如何使用angular 2的upgradeAdapter.upgradeNg1Component？

Question

我很确定我在这里遗漏了一些基本的东西。

我开始使用 RC5 之前的 ng2 升级适配器开始将 ng1 应用程序移植到 ng2。之前，当您直接在组件上声明组件正在使用的指令时，一切都正确连接并且有意义。

但是，现在我正在尝试将我的混合应用程序迁移到 Angular 2 Final，而当涉及到依赖项时，整个 NgModule 与混合应用程序混淆了。

为了创建升级适配器，我需要将我想在混合应用程序中使用的 Ng2 模块传递给它。没关系。但这意味着在我创建升级适配器之前必须完全定义 Ng2 模块，对吗？如果这是真的，那么我如何使用尚未创建的升级适配器来升级 ng1 组件以在 ng2 模块中使用（需要在创建适配器之前创建）？？？

仅供参考，换一种方式很好——我有一个打字稿模块，它降级了我需要在 ng1 中使用的所有顶级 ng2 组件（在 ui-router配置），并且在升级适配器和包含我要降级的组件的 Ng2 模块之后加载该打字稿模块。

所以，我错过了什么？如何使用升级适配器的 upgradeNg1Component 功能？

没有这个功能，我不得不从最外面的组件开始，然后向内工作。这工作得很好，除了有一些通用组件在各地使用，我宁愿不必先将它们转换为 ng2。

Answer 1

我偶然发现了同样的问题，并在创建 UpgradeAdapter 时通过查看 Angular's source code. The trick is to use forwardRef() 找到了解决方案：

import {NgModule, forwardRef} from '@angular/core';
import {UpgradeAdapter} from '@angular/upgrade';

const adapter = new UpgradeAdapter(forwardRef(() => AppModule));

@NgModule({
    declarations: [
         adapter.upgradeNg1Component('my-component');
    ]
})
class AppModule {
}

// now call adapter.bootstrap()

如何使用angular 2的upgradeAdapter.upgradeNg1Component？

How to use angular 2's upgradeAdapter.upgradeNg1Component?

angular2-upgrade

ng-upgrade

angular