问题标签 [angular-hybrid]

我有一个 Angular 9 和 Angular JS 的混合项目。加载 Angular JS 组件时，在控制台中出现以下错误。typeerror-angular-lowercase-is-not-a-function。请指教

我正在尝试将大型 angular.js 应用程序（1.5.9）升级到最新版本的 Angular。

我正在将应用程序转变为混合 AngularJs/Angular 应用程序，并已达到指南中的这一步：

https://angular.io/guide/upgrade#bootstrapping-hybrid-applications

到目前为止，我已经从使用 gulp 更改为 webpack 4，并且该应用程序的工作方式与以前相同。

我遇到的问题是，当我从使用 index.html 中的 ng-app 指令切换到使用 Javascript 引导时，应用程序无法启动，并引发此错误：

未捕获的错误：[$injector:unpr] 未知提供者：StateServiceProvider <- StateService

这来自我的 app.js 文件，如下所示：

有一个单独的 app.modules.js 文件，它定义了应用程序中的其他模块。

包含：

Unknown provider 错误中提到的服务如下所示：

正如指南所指示的，我正在从我的 index.html 中删除 ng-app="app-engine" 并将其添加到 JavaScript 中。我已将它添加到我的 app.modules.js 文件的底部。

此更改之后是引发未知提供程序错误的时间。我已经确认来源是我在 app.js 中的启动函数。我已经尝试将应用程序中的所有模块包含在“app-engine”需要数组中，这并没有改变任何东西。有趣的是 bestInterceptor 函数没有抛出任何错误，尽管也使用了服务（StateBootstrappingService 的设置方式与 StateService 相同）。

有什么明显的我做错了吗？或者任何人有任何想法如何解决这个问题？

我正在关注本教程

应用程序运行。我可以使用 AngularJS 和 Angular 控制器和服务，但没有部署 Angular JS 应用程序 html 文件。当我在浏览器中看到它时，在 webpack 中，它们不存在。在新的 angular 目录中创建的文件工作正常。

图片来自浏览器上的应用程序

我正在尝试使用延迟加载的 Angular 模块创建一个混合应用程序（Angular + AngularJS）。

当我尝试使用包含升级的 AngularJS 组件的组件延迟加载模块时，出现以下错误：

路线

错误

当我在 AppModule 中导入模块并执行以下路线时，它工作正常：

我创建了 2 个 stackblitz ：

• 使用延迟加载的那个，触发错误： https ://stackblitz.com/edit/angular-uye3ld

• 没有延迟加载的： https ://stackblitz.com/edit/angular-3aogfs

是否可以让嵌套的 AngularJS 指令从父 Angular 组件获取表单？我有一个带有以下声明的角度组件：

angularJs 组件是一个 AngularJS 组件。在 AngularJS 组件中，有一个 AngularJS 指令尝试从父级获取表单。当我尝试从父母那里获取表格时，它似乎找不到它。

传递给链接函数的表单对象是未定义的（是的，我可以将其设为非可选，但尝试调试正在发生的事情）。有没有办法让 angularForm 传递到指令中？

我正在使用混合方法进行从 AngularJS(1.7.0) 到 Angular(11.xx) 的迁移项目。混合应用程序已启动并正在运行。我在路由部分遇到问题，AngularJS 项目使用 Angular UI-Router，对于 Angular，我正在尝试 Angular UI 混合路由器。

问题是我无法在 AngularJS 视图中加载子视图。

-> 根标签视图（index.html）：

子标签视图（empty.html）：

在这个子级别视图中，尝试加载“data-ui-view”中的子内容：

对于此内容加载，我使用 UI-Hybrid-Router 在 AngularJS 视图中加载 Angular 组件视图，因此出现以下错误：

注意：此状态（“clients.property.landing”）已在多个地方用作根状态。这与 AngularJS UI 路由器完美配合。它已在代码中的多个位置被引用。

请在下面找到混合路由的示例代码：

所以我用 UpgradeModule 设置了一个混合的 AngularJS / Angular 应用程序，它工作正常，但我有一些性能问题。现在我想更改我的应用程序以使用 downgradeModule。我已阅读有关使用 downgradeModule 的官方文档，但无法使多个模块正常工作。

我有 3 个 Angular 模块：

• AppModule（根角模块）
• 共享模块（由每个功能模块导入）
• PromoCodesModule（我的应用功能模块）

我使用带有 main.ts 文件的 webpack 作为条目。

应用模块

共享模块

促销代码模块

main.ts

促销代码-route.config

应用程序似乎可以正确引导，但是当我转到促销代码路线时出现此错误： 在此处输入图像描述

我做错了什么？

执行的命令： ionic cordova run ios

使用cordova for ios构建离子应用程序时出现以下错误：

项目、系统和环境信息：

离子：

我正在使用带有 M1 处理器的 mac 设备。请为此发布任何解决方案。

在我更新了 angular13 组件中的 angularJS 控制器并尝试通过 angularJS + downgradeComponent 调用它后，页面上的标记不再显示，并且控制台中出现此类错误。有没有人遇到过类似的？我可以错误地连接和使用新组件吗？

错误日志

app.module.ts

app.component.ts

ajs-升级-providers.ts

text.component.ts

ajsModule.ts

我有一个 AngularJS 服务，它具有已转换为.tsAngular 服务的依赖项。在我的主入口点文件中，我这样做了：

虽然这在实际应用程序中效果很好，但在运行该服务的测试（业力规范）时，当它试图MyDowngradedService在 AngularJS 中注入该单例时，我遇到了未知的提供程序错误......经过一番搜索，我发现：https://angular .io/api/upgrade/static/testing/createAngularJSTestingModule，所以在我的测试的入口点文件中，我做了：

然后在规范中，我添加了：

相信这会让 AngularJS 注入器访问降级的模块......但是，当我运行规范时，我得到：

这些角度文档中没有关于TestBed.initTestEnvironment()