从 AngularJS 1.x 代码调用 Angular 7 代码答案

【问题标题】：Calling Angular 7 Code from AngularJS 1.x code从 AngularJS 1.x 代码调用 Angular 7 代码
【发布时间】：2020-03-11 06:54:04
【问题描述】：

我的项目要求之一是，我必须在遗留代码库之上使用 Angular 7 构建 UI，即 AngularJS 1.x。

1) AngularJS 是 javascript，但这里 Angular 7 是打字稿。

这些 AngularJS 和 Angular 之间将如何进行通信。

我们需要使用 Migration 将遗留代码迁移到 angular7 吗？

请让我知道执行此操作的选项。

【问题讨论】：

可能重复的问题。这个其他问题可能会有所帮助：stackoverflow.com/questions/37406678/…。但就我个人而言，我建议转到 Angular 2。查看 Angular 网站以获取“从 AngularJS 升级到 Angular”的帮助。但这取决于项目的规模

标签： html angularjs angular user-interface

【解决方案1】：

请关注https://angular.io/guide/upgrade。您需要降级 Angular 7 的组件或服务才能在 AngularJS 中使用。

在 AngularJS 中使用类似这种降级服务：

@Injectable()
export class MyService {}

/// downgrade parts
import { downgradeInjectable } from '@angular/upgrade/static';
declare const angular: any;

angular.module('angularJSApp').factory('myservice', downgradeInjectable(MyService));

【讨论】：