问题标签 [angular-hybrid]

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 回答
1538 浏览

angularjs - 如何从 Angular 1.4 升级到 Angular 5?

在此处输入图像描述要从 Angular 1.4 升级到 Angular 5,可以使用 ngupgrade 并遵循增量方法,或者严格适用于从 1.5 版本开始使用 ngupgrade。根据图像,提到的先决条件 1.5 用于 ngUpgrade。

0 投票
1 回答
544 浏览

javascript - 将 AngularJs javascript 文件包含到 Angular cli 中

我有一个旧的 Angular JS 应用程序,现在使用升级模块与几个新的 Angular 5 组件协同工作。在此处关注此帖子

目前,我需要将所有 AngularJs 代码包含到我的index.html. 但是,我想在脚本部分的 angular-cli.json 中包含所有 JS 文件(超过 200 个),如下所示:

但是,ng-build给我错误no such file or directory:\appjs\**

如何将文件夹中的所有文件包含在内,避免一一包含所有文件。

这是文件夹结构的图像。在此处输入图像描述

请指导。谢谢。

0 投票
1 回答
947 浏览

angularjs - ui-router/angular-hybrid - 初始加载/重新加载时无法识别路线

似乎@ui-router/angular-hybrid在初始加载/重新加载时无法识别在 ng2+ 模块中注册的路由。如果例如通过键入 url 进行导航,则相同的路线正在工作。

我遵循了来自@ui-router/angular-hybrid的官方升级文档

这是 ng2+AppModule代码:

和引导逻辑:

PS 现有的 angularjs 路由工作正常,问题出在 ng2+ 模块中注册的路由。

任何帮助表示赞赏,谢谢^^

0 投票
1 回答
757 浏览

angularjs - @angular/upgrade/static 404 未找到

我在 AngularJS 中有应用程序,我正在尝试使混合应用程序能够在 Angular 5 上迁移。但不幸的是我有错误:

它发生在我在 app.module.ts 文件中添加“UpgradeModule”之后,在imports声明中:

导出类 AppModule { }

我的 package.json 看起来像这样:

我所做的步骤:转到 package.json 文件夹,运行“npm install”,安装了insight node_modules/@angular/upgrade 文件夹。但是当我运行应用程序时出现错误:

错误信息

如果我评论 UpdateModule 洞察导入,app.module.ts 文件,该错误就会消失

请任何人提供任何建议,我可以做些什么才能成功地将“UpgradeModule”导入我的 app.modules.ts 文件,以便能够使我当前的 AngularJS 应用程序混合并使用 Angular 5 洞察力?

如果您需要更多描述或代码示例,请告诉我

0 投票
2 回答
721 浏览

angularjs - 为什么 Zone.js 会改变 AngularJS 评估属性的方式?

我有一个同时具有 Angular (2+) 和 AngularJS (1.x) 的应用程序。我们正在使用第三方 AngularJS 库,它在链接函数中从其 attrs 数组中读取对象,如下所示:

模板:

我们刚刚升级到最新版本的 AngularJS,我们发现了一个问题。通常, attrs.props 评估为对象的字符串表示形式。我们没有得到一个字符串化的对象,而是得到“[object Object]”

我尝试了最小的复制,但我无法重现问题,直到我尝试导入 Zone.js,正如您在此 stackblitz 上看到的那样: https ://stackblitz.com/edit/angularjs-attrs-test?file=app.js

如果 Zone.js 被导入(Angular 2+ 需要它),那么attrs.props就是"[object Object]". 没有它,attrs.props就是{name: 'foo'}

这是一个已知的问题?有解决方法吗?

0 投票
1 回答
2896 浏览

angularjs - Angular 混合错误:试图在设置之前获取 AngularJS 注入器

如何在 Angular 5 组件中使用 AngularJS 服务?

我有 AngularJS 应用程序,我正在尝试制作混合应用程序,但无法使用 AngularJS 服务洞察 Angular 组件:出现错误

ERROR 错误:试图在设置之前获取 AngularJS 注入器。

我的 main.ts 是

应用程序模块:

angularJS-upgraded-providers.ts :

和 login.component.ts :

当我删除 SignInComponent 构造函数部分代码编译良好但 @Inject(AuthService) private authService: any) { } 部分我收到一个错误:

尝试在设置之前获取 AngularJS 注入器。

请给我一些建议,我该如何实现 angularJS 服务洞察 Angular 组件。谢谢

PS我的package.json:

和 AngularJS 版本:1.6.8

0 投票
1 回答
352 浏览

angularjs - 混合 Angular 1.x + Angular 6 应用程序,在 Angular 1.x 中包含 vanilla JS 和 TS 文件

当AngularJS文件既是JS又是TS时,我正在尝试构建一个混合应用程序。我似乎无法向 JS 控制器添加路由。

我依靠以下示例并执行以下操作:

虽然我有一个mainCtrl.js文件定义为:

当我运行应用程序时,我得到:

名为“mainController”的控制器未注册

但是当我在控制台中运行时确实看到了它:

0 投票
1 回答
733 浏览

angularjs - Angular 从 1.6.6 升级到 6 时出现 $Injector 错误

我使用 Webpack 4 从 Angular.Js 1.6.6 升级到 Angular 6:

创建了自定义别名,为 tsconfig 添加了正确的路径,Webpack 构建通过并产生输出,但是当应用程序在浏览器中启动时,控制台中的错误弹出窗口:ngRoute is missing or wrong ng module components 什么没有正确完成以及如何修复这个错误?

0 投票
1 回答
393 浏览

angularjs - reuse *.resx(AngularJS) translation files in hybrid AngularJS/Angular 5 application

Hello I have AngularJS application which is using for internalization $translateProvider and WebResources.resx files :

Now I am doing AngularJS/Angular5 Hybrid application. As mentioned in documentation Angular5 is using "i18n" for internationalization. "i18n" is using "*.xlf" files to keep translations.

So only way during AngularJS/Angular5 application keep both WebResources.resx and messages.xlf files with the same context ?

Is there any way to reuse WebResources.resx translation from AngularJS in AngularJS/Angular application?

0 投票
2 回答
1858 浏览

angularjs - 未创建角度降级组件

我刚刚使用 downgradeModule 设置了一个混合 AngularJS / Angular 5 应用程序。我已经将一个非常小的组件从 AngularJS 转换为 Angular,但它从未被创建。我已将 console.logs 放在整个组件中,以查看是否调用了某些位而其他位不被调用。文件已加载,但组件从未加载。

我已经阅读了数百个教程,但我一定遗漏了一些东西。

请注意,我在转换组件方面已经走了这么远,意识到它没有被创建,然后停止移植其余部分。因此,为什么driverImage当前不在转换后的组件上。

这是一个带有测试组件的 stackblitz,显示它不工作https://angularjs-q1vrpe.stackblitz.io/

引导程序

App.Module (MainAngularModule)

index.module(为简洁起见,删除了大部分依赖项)

新转换的组件:

相关模块.ts