问题标签 [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.
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 没有在控制台中定义
angularjs - ngUpgrade 中的未知提供程序错误(Angular 1/2 混合应用程序)
我开始从现有的 Angular 1 代码库派生一个新项目,目的是使用 ngUpgrade 使用 Angular 2 进行新开发。我已成功将 Angular 2 添加到项目中,但是当我尝试按顺序实例化 ngUpgrade引导应用程序的 ng2 端,我收到以下错误:
我搜索了有关Failed to instantiate module NG2_UPGRADE_0_
和的信息$$testabilityProvider
,但找不到任何有用的信息。
这是一个相当复杂的项目,因此尝试将其分解为可行的 plunkr 具有挑战性。在我尝试这样做之前,是否有人对此有任何想法?
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 广播的消息。
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” - 模板参数未解析!
有任何想法吗?
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
我几乎尝试了所有方法并按照升级练习的说明进行操作,但我似乎无法摆脱这个错误。
索引页面加载时加载...
文件结构
angular - Angular2 混合模式:动态加载 Ng1 组件
我正在尝试在 ng2 父组件中动态加载 ng1 组件ViewContainerRef.createComponent()
。这是 plunker https://plnkr.co/edit/HADJILztGEELg5lavfvP?p=preview
但是它会引发以下异常:
这是 ng1-comp.js
这是动态加载器:
感谢任何指针..
angularjs - angular-phonecat 从 1.x 升级:错误无法加载模板:app/phone-list/phone-list.template.html(HTTP 状态:404 未找到)
嗨,我正在使用本教程来学习如何从 Angular1 迁移到 Angular2。
在第 4 步升级电话服务结束时,当我想使用“npm start”检查正在运行的应用程序时,我收到此错误:
angularjs - angular-phonecat 从 1.x 升级:错误 Unknown provider: phoneProvider <- phone
我正在使用本教程来学习如何从 Angular1 迁移到 Angular2。
在步骤 4 升级电话服务结束时,
修复拼写错误后,
当我想用“npm start”检查正在运行的应用程序时,我收到了这个错误:
您可以通过克隆包含本教程所有步骤的 GitHub 存储库来重现此错误:
我希望在 Angular1 应用程序中使用 Angular2 服务以混合模式运行应用程序。
angularjs - 如何在 ionic 2 框架中使用 ng-upgrade
我有一个编写的代码AngularJS1.5
,我想在另一个将构建在 ionic 2 框架上的应用程序中使用此代码。我尝试遵循使用ngupgrade
模块的指导方针,使AngularJS1.5
代码与使用AngularJS 2.0
.
我的问题是在使用时ngupgrade
我们必须调用 bootstrap 方法UpgradeAdapter
,但是 ionic 框架调用了它自己的 bootrstrap 方法。那么关于如何实现这一目标的任何想法?
javascript - 将 angularjs 服务注入 Angular
我正在尝试将$log
服务用于角度 2,根据我阅读的内容,您需要以下步骤:
- 创建一个包含您要注入的服务的模块。
- 调用 UpgradeAdapter 的 upgradeNg1Provider 方法。
所以,我做了以下
然后我创建一个 angular 2 组件,如下所示
但是当我运行应用程序时,它给了我以下错误:
原始例外:$log 没有提供者!
另外,我尝试bootstrap
使用upgradeAdapter
:
但这也不起作用。请注意,我使用的是 Ionic 2 框架,上面的代码写在里面