Question

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

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

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

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

仅供参考，另一方面很好 - 我有一个打字稿模块，可以降级我需要在ng1中使用的所有顶层ng2组件（在ui-router配置中），而且打字稿模块是在升级适配器和包含我的组件的Ng2模块升级后加载。

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

如果没有这个功能，它会迫使我从最外面的组件开始，然后向内工作。这样可以正常工作，除了有一些常用的组件可以使用，我宁愿不必先将它们转换为ng2。

Answer 1

我偶然发现了同样的问题，并通过调查Angular's source code找到了解决方案。诀窍是在创建UpgradeAdapter时使用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？

1 个答案: