4

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

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

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

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

仅供参考，另一种方式很好 - 我有一个 typescript 模块，可以降级我需要在 ng1 中使用的所有顶级 ng2 组件（在 ui-router 配置中），并且在升级适配器之后加载 typescript 模块以及包含我要降级的组件的 Ng2 模块。

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

如果没有这个功能，它会迫使我从最外层的组件开始向内工作。这很好用，除了有一些通用组件被全部使用，我宁愿不必先将它们转换为 ng2。

4

1 回答 1

2

我偶然发现了同样的问题，并通过查看Angular 的源代码找到了解决方案。诀窍是forwardRef()在创建时使用UpgradeAdapter：

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()
于 2016-10-18T20:47:52.337 回答