我当前的项目是使用 Angularjs 构建的，我想在同一个现有项目中的 angular 7 中添加新内容。 我怎样才能做到这一点

Question

我正在开发一个使用AngularJS构建的项目，我想使用Angular 7在同一个项目中添加新内容。 因此，无论在项目中添加什么新模块，都应该使用Angular 7构建它。 我怎样才能做到这一点？ 请帮我。

Answer 1

这可以通过ngUpgrade模块完成，它允许您降级 Angular 组件、服务并在 AngularJS 中使用它。 遵循官方指南。

以下是如何降级 Angular 组件的示例：

import { downgradeComponent } from '@angular/upgrade/static';

angular.module('heroApp', [])
  .directive(
    'heroDetail',
    downgradeComponent({ component: HeroDetailComponent }) as angular.IDirectiveFactory
  );

现在您可以在现有的 AngularJS 项目中使用heroDetail 。