问题标签 [angular2-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 投票
3 回答
2072 浏览

angular - 从 Angular 2.0.0 升级到 2.4.0 - 无法读取属性 SelectorMatcher

我正在做这个演示项目

它是根据教程创建的。它基于Angular 2.0.0

我想将项目升级到 Angular 2.4。

我所做的是这个——

package.json-

package.json-

所以,变更日志是package.json-

在此处输入图像描述

这样做之后,我收到了这个错误-

谁能帮我

回覆-

我已经关注了这篇文章(从 Angular 2.2.3 升级到 2.4.0),但它对我不起作用。

Rr重新

0 投票
1 回答
377 浏览

angularjs - 将 angular2 从 2.1.1 升级到 2.4.1 版本

我想将 angular2 从版本 2.1.1 更新到 2.4.1 我已经使用这个种子项目开始了。

我的 package.json 就像

然后我将 package.json 文件更新为以下代码

当我更改 package.json 并删除 node_modules 文件夹并运行命令 npm install --save 时,我能够运行但出现以下错误

0 投票
1 回答
994 浏览

angularjs - 将函数从 angular1 传递到降级的 angular2 组件

问题:

我无法让函数成功传递给降级的 Angular 2 组件。我已经尝试了几乎所有我能想到的传递东西的方法,但我只能通过字符串插值 -> some-attribute={{controller.property}} 获取传递的字符串。以下是我尝试过的一些事情(是的,我知道其中一些没有意义......)

设置:

这是我现有的设置,它适用于数据但不适用于函数:

Angular 1 用法

升级/降级适配器

Angular 2 定义

Angular 文档甚至展示了如何设置它,但没有给出任何实际使用示例。我错过了什么还是不能这样做?

0 投票
3 回答
129 浏览

angularjs - 将 Angular 2.0.0 升级到 2.xx

目前我们的应用程序是 Angular 2.0 版本。在 Angular 发布新更新时不断更新它有多重要?

在更新日志中,我没有看到从 2.0.0 到 2.4.2 需要立即解决的任何重大更改。

那么是否有必要将我们的应用程序从 2.0.0 升级到 2.4.2?还是我们应该等到另一个大版本发布?

0 投票
3 回答
5158 浏览

angular - 按照最佳实践升级 Angular 版本(现在:2.4.3 或 4.0.0-beta.3)?

既然Angular 正在遵循语义版本控制,并且Angular2.4.3 已发布,那么当我在现有项目中升级到下一个 Angular 版本时,我有点困惑什么是最佳实践。

我有一个带有 Angular-cli 的项目,带有@angular/core: 2.2.0. 这是我的package.json

问题:如何按照最佳实践升级到下一个 Angular 版本(现在:2.4.3 或 4.0.0-beta.3)?使用npmyarn

0 投票
1 回答
1161 浏览

angular - Angular2 upgradeComponent如何做2路绑定

我有一个大型应用程序,我刚刚开始升级到 Angular 2。我们使用了很多第三方和本地自定义指令,我们将在 Angular 2 中替换它们,但没有时间马上去做。其中许多是表单元素小部件,如 angular-ui。

在我们的 Angular 2 组件中,我想通过包装它们并升级包装器组件来弥补其中一些输入元素的差距。但是,我无法得到一个简单的例子来包装一个普通<input>的工作。

绑定并没有像我预期的那样双向进行。而且我不确定如何配置输出参数。

这是 Angular 1 组件的样子。

升级它以在 Angular 2 组件中使用的合适方法是什么?

我希望能够在 Angular 2 组件中使用它,例如:

<ng1-wrapper [(model)]="model.someProperty"></ng1-wrapper>

到目前为止,这是我尝试过的,但是输出绑定并没有改变 Angular 2 中模型的属性。我需要从这个包装的指令中捕获用户的输入,还需要传入默认值。

0 投票
0 回答
359 浏览

angularjs - 从 Angular2 路由渲染 AngularJS 组件时的路由问题

我有一个混合(Angular1 和 Angular2)存储库,其中混合了 Angular1 和 Angular2 路由器。遵循来自https://vsavkin.com/migrating-angular-1-applications-to-angular-2-in-5-simple-steps-40621800a25b#.1hmxbfijw的示例,但是当我尝试使用 AngularJS 组件时(在从 Angular2 路由呈现<messages>的 Angular2 组件(在示例中)中的示例)组件,<settings>我得到了一个空白页面。所以在 ng1 上下文中降级了 ng2Root 组件。正如这里建议的那样 https://github.com/angular/angular/issues/12965

所以在那之后路由策略停止工作..这是描述问题的repo。

https://github.com/a5hik/ng1ng2

PS:当我在引导后执行时,platformRef.injector.get(Router).initialNavigation();我可以\settings直接从浏览器导航 Angular2 路由(在示例中)页面,但其他页面无法正常工作。这是AngularJS路由的其余部分不起作用。

环境:

0 投票
0 回答
683 浏览

angular - 使用 downgradeComponent 作为 angular[ng2] 中的组件用于 angularjs 中的服务和控制器

我已经降级了许多基于 Angular[Ng2] 的组件并在 AngularJS 应用程序中使用它们,所以理想情况下,像下面这样的语句可以完美地工作 -

这里的 OverviewComponent 是一个 Angular[NG2] 组件,我已将其降级并添加到我的 AngularJS 模块“com.myservicemodule”中。因此,最终的 AngularJs 引导应用程序对这些依赖项执行如下运行时执行-

但是现在我有一个混合应用程序,它使用 x 个依赖项进行引导,其中一些依赖项是 Angular[NG2] 组件的降级版本。

并开始出现 ng2.injector 问题,就好像这些组件没有按时为 angularjs 降级一样。

我尝试了使用降级 Angular[Ng2] 组件的最新方法,例如-

然后将 Angular[NG2] 组件降级为如下指令 -

但是使用它似乎我只在 angularJs 1.X 中得到指令。那么有人知道如何获得服务,控制器同行吗?

0 投票
0 回答
460 浏览

angularjs - Angular Hybrid(Angular1 和 Angular2)App $injector 未定义

我已经为这个问题苦苦挣扎了很长一段时间了。也许有人可以给我一些提示或答案。

我正在尝试按照角度升级指南设置 ng1-ng2 Hybrid 应用程序

https://angular.io/docs/ts/latest/guide/upgrade.html

如果我这样引导:

angular2 路由器以某种方式无法正确设置(从不调用应该处理 Url)

如果我使用 angular2 组件进行引导,我会遇到 $injector 未定义的问题。

我创建了这个 plnkr 来重新创建问题:(编辑:新 plnkr)

https://plnkr.co/edit/mUvt7miMrOEyTyEk8ooX?p=​​preview

把它们加起来:

如果我使用 angular1 组件作为根并将 angular2“rootComponent”标记为 entyComponent,则 angular2 路由器不会被初始化。(https://angular.io/docs/ts/latest/guide/upgrade.html#!#bootstrapping-混合应用

如果我使用和 angular2 组件作为根,我会得到 $injector 问题(如 plnkr 所示),仅当“初始路由(/登录)”是 angular2 路由时。如果我从 angular1 路由器开始,然后更改为 angular2 路由(/登录),一切正常。(https://angular.io/docs/ts/latest/guide/upgrade.html#!#dividing-routes-between-angular-and-angularjs

我会非常感谢任何建议。

非常感谢你提前罗宾

0 投票
1 回答
1350 浏览

angularjs - Angular 1.x/2 Hybrid,业力测试不引导 ng1 应用程序

我目前有一个使用 angular-cli 的混合 Angular 应用程序(2.4.9 和 1.5.0)。目前,在运行我们的应用程序时,我们能够正确引导 1.5 应用程序:

但是,在我们的test.ts文件中:

我不完全确定如何将我们的 1.5 应用程序引导到测试环境中,我所得到的只是Module 'myApp' is not available!,我的 Google 技能无法找到一个示例。