问题标签 [ng-upgrade]

我有app.js角1.4。app.js 包含以下内容：

我正在制作另一个文件：test.ts。这包含以下内容：

Index.html：

直到这一切正常，并且 angular 1 应用程序引导良好。

现在的问题是我需要将在 Angular 2 中创建的组件作为指令包含到 Angular 1 中。

文档说我需要写的是：

但是我应该在哪里和哪个文件中包含这个？如果我在 test.ts 中包含它，那么我会得到angular未定义的错误，我不能在 app.js 中包含它，因为 thenupgradeAdapter不存在并且 app.js

我们有一个很大的 Angular 1.4 应用程序。我们同样庞大的 E2E 测试集是使用 Angular Scenario Runner 编写的（是的，我知道我们应该使用 Protractor）。

现在，我们正在尝试通过 ngUpgrade 混合方法过渡到 Angular2。

问题是由于引导问题，ngScenario 测试都失败了。因为，升级适配器的引导是异步的，与 Angular 1 中的同步相反。

请帮忙看看能做些什么？

我们有一个使用 Angular 1.5 的应用程序/网站。将所有内容都转换为 Angular 2 需要时间，这不是我们目前工作的优先事项。

我认为用 Angular 2 编写新组件/指令/服务可能会很有趣，以避免以后必须最终转换它们，以及开始学习新语法。

但是使用ngUpgrade发布包含 Angular 1.5 和 2 的东西真的是个好主意吗？内存占用最终应该更大，但还有其他缺点吗？

Pascal Precht的以下文章http://blog.thoughtram.io/angular/2015/10/24/upgrading-apps-to-angular-2-using-ngupgrade.html提到：Keep in mind that the goal of this [upgrade] phase is to stay in it as little as possible, since running both frameworks on the same website is surely not ideal.但这并没有告诉我们太多。

是否有人对使用 ngUpgrade 的“真实”（即不是微小或概念证明）部分更新有反馈？

在玩了几天 Angular 2 Hero 教程后，我决定玩 ngUpgrade。所以我引导 AngularupgradeAdapter并降级 Angular 2 组件以匹配 Angular 1 版本：

打字稿TagFormController：

如果我在 Chrome 中查看开发人员工具，一切都应该没问题，请求TagFormController已发送并I am here显示在控制台中。但是tagForm指令的使用内部是空的，对我来说，Angular 似乎无法正确识别它。我tagForm以这种方式从其他指令中使用tag指令：

我必须丝毫不知道我在做什么。也许重要的是我不将 SystemJS 用于项目的 Angular 1 部分，但正如我写的那样，请求TagFormController已发送。你能看出我哪里出错了吗？如果有人帮助我，我将不胜感激 - 提前谢谢你！

我查看了官方的升级指南，有些博客是这样的，但我不明白。我想看看 angular2 的升级模块，但是当我尝试使用 angular 升级适配器启动我的 ng1 应用程序时，一开始就失败了。

我得到这些错误

我的 index.html

main.ts（来自官方升级指南）

像这样引导很好

如果我只是想念某种 polyfill，那就是我的 package.json：

我正在使用官方 5 分钟快速入门中的 tsconfig.json 和 typings.json。

在我阅读的所有地方，这似乎都是一项微不足道的任务，但尽管我尝试了不同的方法，但没有一个对我有用。那么我错过了什么？

编辑：

解决方案如下 Thierry 所述导入

您可以在他的答案中找到更多详细信息，该答案侧重于同一问题（我实际上已经阅读过它，但错过了对我来说重要部分的评论）。

我正在尝试ngUpgrade从 ng1 移动到 ng2，并在升级过程中保持我的 Karma/Jasmine 测试通过，但我遇到了一个我无法弄清楚的错误。

我已将 Service ( Data) 升级为 ng2 @Injectable，并用于upgradeAdapter.downgradeNg2Provider将其注入到我的 ng1 应用程序中。它在生产代码中运行良好。

但是当我尝试在我的测试中 $inject 它时，我得到了这个错误：

有人有在 ngUpgrade 中间对代码进行单元测试的工作示例吗？我的堆栈是基于 Webpack 的。我尝试遵循并转换systemjs 指南，但没有任何运气。

业力.conf.js：

spec.bundle.js

我是 angular 1.5 的新手，现在我遇到了问题。如何在 angular 1.3链接等控制器函数中获取当前组件元素引用：function(scope, elem, attr)函数。elem表示指令元素。

角 1.3

角度 1.5

如果我想在我的 Angular1 应用程序中使用 Angular-upgrade 模块，似乎我必须使用 Angular2 的引导程序来引导整个应用程序，包括放弃ng-app声明。我的团队对随着时间的推移将我们的应用程序组件升级到 Angular 2 非常感兴趣，但是目前接触引导程序对我们来说有点太有影响力了。

为了使用升级适配器，我是否必须改变我的应用程序引导方式才能使用 Angular2 组件？无论如何在完整的 Angular1 应用程序中使用 Angular2 组件？

这是一篇很棒的文章，描述了多种升级方案，但没有一个让应用程序像普通的 Angular1 应用程序一样被引导。

我正在寻找一种在我的 angular1 和 2 混合应用程序中获取组件的 ComponentRef 的方法。因为我必须使用 UpgradeAdapter 引导程序而不是 angular2 我没有得到从引导函数返回到根目录的 ComponentRef 的承诺。我尝试将它注入到我的组件中：

然而，这个 ref 似乎并不正确。它上面的所有方法和属性都会抛出异常：uncaught unimplementederror。

我正在使用RC1。

以上是我试图用来为 angular2 设置升级适配器的 html。

我目前只是试图加载升级适配器。script 标签中的上述代码是示例 typescript 代码根据 Angular 网站遵从 js 的内容。https://angular.io/docs/ts/latest/guide/upgrade.html#!#bootstrapping-hybrid-angular-1-2-applications

问题是我不断收到以下错误：“'require'未定义”。

为什么systemjs没有加载它？