问题标签 [ng-upgrade]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
10089 浏览

angularjs - 如何同时使用 angular 1.3.4 和 angular 2

我已经有一个基于 angular 1.3.4 构建的应用程序,我想将其更改为 angular 2,但模块明智。

假设我的页面上有 5 个模块,我想将一个模块迁移到 angular 2,而其他模块应该像以前一样使用 1.3 工作,所以我可以慢慢慢慢地转换,但直到它不应该停止工作。

我包括 angular 2 和 angular 1.3.4 库,它说 angular 没有在控制台中定义

0 投票
1 回答
959 浏览

angularjs - ngUpgrade 中的未知提供程序错误(Angular 1/2 混合应用程序)

我开始从现有的 Angular 1 代码库派生一个新项目,目的是使用 ngUpgrade 使用 Angular 2 进行新开发。我已成功将 Angular 2 添加到项目中,但是当我尝试按顺序实例化 ngUpgrade引导应用程序的 ng2 端,我收到以下错误:

我搜索了有关Failed to instantiate module NG2_UPGRADE_0_和的信息$$testabilityProvider,但找不到任何有用的信息。

这是一个相当复杂的项目,因此尝试将其分解为可行的 plunkr 具有挑战性。在我尝试这样做之前,是否有人对此有任何想法?

0 投票
0 回答
571 浏览

angularjs - Angular 2:订阅 AngularJS $scope.$broadcast / $scope.$emit 消息?

我正在使用ngUpgrade.

我正在将现有的 ng1 指令转换为 ng2 组件。旧版本有几个$scope.$on处理程序,侦听$scope.$broadcast$scope.$emit消息。是否有一种 ng2 原生方式来监听从现有代码库发出的 pub-sub 事件?我想有 RxJS 或 Observables 的东西,但我不知道那可能是什么。

更新:通过将 $scope 拉入 ng2 可注入服务,我现在已经设法让它工作:

然而,这似乎远不理想。仍然希望有人会考虑如何从 ng2 订阅从 ng1 广播的消息。

0 投票
0 回答
120 浏览

javascript - 升级后的 Angular 1 组件指令未解析模板属性

我有以下 Angular 1 指令:

该指令在其模板中使用“my-button”指令。“my-button”指令要求在编译其模板之前存在“image”和“image-colour”属性值。

我有以下升级 Angular 1 的 Angular 2 组件:

如您所见,模板将 [image] 绑定设置为“刷新”,但是在渲染“my-button-ex”Angular 1 指令时并未解决。

看起来升级适配器尝试首先编译 HTML 语法而不解析模板参数:

“this.directive.template” - 模板参数未解析!

有任何想法吗?

0 投票
0 回答
1149 浏览

angularjs - Uncaught (in promise) 错误:SyntaxError: Unexpected token <(...) in system.src.js

Uncaught (in promise) 错误:SyntaxError: Unexpected token <(...) in system.src.js 尝试使用升级适配器同时运行 angular1 和 angular2 时。

我使用https://angular.io/docs/ts/latest/guide/upgrade.html作为参考。

systemjs.config.js

索引.html

main.ts

升级适配器.ts

我几乎尝试了所有方法并按照升级练习的说明进行操作,但我似乎无法摆脱这个错误。

索引页面加载时加载...

文件结构

0 投票
1 回答
382 浏览

angular - Angular2 混合模式:动态加载 Ng1 组件

我正在尝试在 ng2 父组件中动态加载 ng1 组件ViewContainerRef.createComponent()。这是 plunker https://plnkr.co/edit/HADJILztGEELg5lavfvP?p=preview

但是它会引发以下异常:

这是 ng1-comp.js

这是动态加载器:

感谢任何指针..

0 投票
1 回答
141 浏览

angularjs - angular-phonecat 从 1.x 升级:错误无法加载模板:app/phone-list/phone-list.template.html(HTTP 状态:404 未找到)

嗨,我正在使用本教程来学习如何从 Angular1 迁移到 Angular2。

第 4 步升级电话服务结束时,当我想使用“npm start”检查正在运行的应用程序时,我收到此错误:

0 投票
1 回答
162 浏览

angularjs - angular-phonecat 从 1.x 升级:错误 Unknown provider: phoneProvider <- phone

我正在使用本教程来学习如何从 Angular1 迁移到 Angular2。

步骤 4 升级电话服务结束时,

修复拼写错误后,

当我想用“npm start”检查正在运行的应用程序时,我收到了这个错误:

您可以通过克隆包含本教程所有步骤的 GitHub 存储库来重现此错误:

我希望在 Angular1 应用程序中使用 Angular2 服务以混合模式运行应用程序。

0 投票
1 回答
205 浏览

angularjs - 如何在 ionic 2 框架中使用 ng-upgrade

我有一个编写的代码AngularJS1.5,我想在另一个将构建在 ionic 2 框架上的应用程序中使用此代码。我尝试遵循使用ngupgrade模块的指导方针,使AngularJS1.5代码与使用AngularJS 2.0.

我的问题是在使用时ngupgrade我们必须调用 bootstrap 方法UpgradeAdapter,但是 ionic 框架调用了它自己的 bootrstrap 方法。那么关于如何实现这一目标的任何想法?

0 投票
1 回答
9609 浏览

javascript - 将 angularjs 服务注入 Angular

我正在尝试将$log服务用于角度 2,根据我阅读的内容,您需要以下步骤:

  1. 创建一个包含您要注入的服务的模块。
  2. 调用 UpgradeAdapter 的 upgradeNg1Provider 方法。

所以,我做了以下

然后我创建一个 angular 2 组件,如下所示

但是当我运行应用程序时,它给了我以下错误:

原始例外:$log 没有提供者!

另外,我尝试bootstrap使用upgradeAdapter

但这也不起作用。请注意,我使用的是 Ionic 2 框架,上面的代码写在里面