AngularJS迁移到使用导入/导出

Ric*_*ard 5 angularjs typescript angularjs-components angular

我们的项目目前仍在AngularJS(v1.6)+ TypeScript上运行,但我们希望通过实现组件来开始使应用程序升级到最新的Angular,类似于它们在Angular中的编写方式.目前我们不使用进口或出口,但希望逐步介绍.即我们想开始使用:

import * as angular from "angular";
import { MyComponentComponent } from './MyComponent.component';

export default angular
  .module('myModule', [])
  .component('myComponent', MyComponent);
Run Code Online (Sandbox Code Playgroud)

代替

angular
  .module('myModule', [])
  .component('myComponent', MyComponent);
Run Code Online (Sandbox Code Playgroud)

但是,目前这样做会导致范围问题.我们的应用程序现在具有全局变量angular,所有内容都附加到,而导入/导出创建注入单独实例的闭包angular,因此两者无法进行通信.

有没有办法结合这两种方法,以便我们可以逐步升级现有系统?

小智 4

尝试使用 NgUpgrade,它会将您的应用程序升级到最新版本。

看看https://angular.io/guide/upgrade