如何使用angular 2的upgradeAdapter.upgradeNg1Component？

2023年11月17日 210次阅读

我很确定我在这里缺少一些基本的东西.

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

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

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

仅供参考,其他方式很好 – 我有一个打字稿模块,可以降级我需要在ng1中使用的所有顶层ng2组件(在ui-router配置中),并且在升级适配器之后加载打字稿模块和包含我的组件的Ng2模块降级.

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

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

最佳答案 我偶然发现了同样的问题,并通过查看
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()
点赞