问题标签 [ng-upgrade]

我们使用这个很棒的 Angular2 Seed创建了一个 Angular 2 应用程序，效果很好。所以我的问题是，如何升级这个 Angular 1 指令：

这样我就可以在以下 Angular 2 组件中使用它：

你们可能对我将如何做到这一点有任何想法吗？甚至可能吗？因为我在研究期间发现的许多其他文章都表明您的“基础”应用程序应该是 Angular 1...

提前致谢。弗朗索瓦

我有一个 Angular 1/Angular 2 混合应用程序，它与 rc.3 和已弃用的路由器一起使用。从我能找到的所有来源来看，rc.5 是迈向新路由器的一大步。我能够引导我的混合应用程序并渲染我的根组件，但路由不起作用。

我的根 NG2 组件引导程序，因为我可以在它呈现的模板中扔东西。但是似乎当我添加<router-outlet></router-outlet>它时它不会呈现子路由。如果我在没有 upgradeAdapter 的情况下仅引导我的 NG2 应用程序，一切都会按预期工作。

我觉得我只缺少一个连接件。有任何想法吗？

上周我升级到 rc.6 和 rc.2 版本的路由器，同样的问题。当不涉及路由时，UpgradAdapter 工作得很好。一旦我拉入路由器插座，就什么都没有渲染，也没有错误。

使用 ng-upgrade 在混合模式下运行的 Angular 1 和 2 (RC5) 应用程序。尝试使用@NgModule哪个不起作用，我仍然必须使用以下方法手动添加提供者：

这使我无法从 RC5->RC6 升级。要使用外部组件，我仍然需要将它们添加到指令中：它们正在使用的特定组件的数组。

这是我的相关引导代码。

升级适配器.ts

common.module.ts

我想在 NativeScript - angular 2 应用程序中重用 angular 1 模块。

我在angular 2 docs中阅读了有关升级模块及其UpgradeAdapter服务的信息。

[...] 可以引导和管理支持 Angular 2 和 Angular 1 代码的混合应用程序的服务。

为了使用UpgradeAdapter服务，bootstrap应该调用它的函数。

知道 NativeScript 还需要调用引导函数nativeScriptBootstrap，我想知道它是否公开了一种使用引导函数UpgradeAdapter而不是标准 angular 2 的方法。

编辑：我在他们的 github repo 中创建了一个问题。

在指令中包含“编译”的情况下，如何将 NG-1 升级到 NG-2。尽管在文档中他们说“编译。Angular 2 不支持此功能”，但如果有任何作弊可用，有人可以建议我吗？

我试图弄清楚我们是否可以将 Angular 1 应用程序迁移到 Angular 2。我们有足够数量的代码来保证使用ng-upgrade，而不是从头开始。

我们当前的应用程序正在推动 Angular 1 的性能极限。希望 Angular 2 能给我们带来一些性能上的好处。

我的问题是我们的迁移路径会对性能产生多大影响（即按照ng-upgrade指南运行 Angular 1 和 Angular 2）？它会产生明显的影响还是在实践中不会引起注意？在此期间，我主要关心的是运行时速度，而不是内存使用或加载时间。

我已将我的 ionic 2 版本更新为稳定版。

在给ionic start myProject blank --v2之后，我得到了像 ionic 1 这样的文件夹结构。看看我得到的文件夹结构。

这是我的离子信息命令结果

这是我的package.json文件

问题：

更新我的 ionic 2 并尝试创建一个项目后，当我看到我无法看到我的应用程序文件夹的结构时。为什么 ？？？

当我给出ionic serve --lab命令时，我相信我正在加载index.html文件。如果是这样，我如何将我的不稳定应用程序文件夹指示到现有（更新的稳定版本）项目

任何人都可以冷藏我以了解结构。我相信它类似于 ionic 1。但我已经完成了我的项目到 ionic 2（不稳定）。但现在结构不同了。那么我该如何利用它。

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

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

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

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

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

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

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

我正在尝试遵循 Angular 1 到 2 的升级步骤。我输入了以下代码以允许混合应用程序：

但我只是在浏览器控制台中收到以下错误消息：

我有一个使用 angular-cli 构建的 angular 2 应用程序，我需要在我的一个组件中使用 angular 1 指令（以便从不同的应用程序中重新使用它）。我按照以下步骤操作：

https://angular.io/docs/ts/latest/guide/upgrade.html#!#using-angular-1-component-directives-from-angular-2-code

但是现在我遇到了这个错误并且无法克服它。我正在使用 angular2.0.2（过去我设法使用 beta 版本构建了一个混合应用程序，但它是一个 angular1 应用程序，我使用了具有适配器降级功能的 angular 2 组件）。

在我的 app.module.ts 我有：

我的 hero-detail.component.ts 看起来像这样：

我的 hero-detail.html 看起来像这样：

我尝试通过添加模板在另一个 angular 2 组件中使用该指令：

当我运行 ng serve 时，应用程序编译得很好，但是当我尝试加载页面时，我得到了提到的错误。

关于我如何继续前进的任何建议？