无法构建与Angular 4集成的Angular JS应用程序

Question

我有一个Angular JS应用程序，其中每个angular JS库文件都包含在每个functionality.Is的html文件中，这是可行的，使此应用程序与Angular 4一起工作。

使Angular JS与Angular 4协同工作的步骤

1)安装@ Angular /upgrade如何使其与旧的Angular JS文件同步

2)我在一篇文章中读到，我需要在system.config.js中定义它

System.config({
  map: {
    '@angular/upgrade/static': 'npm:@angular/upgrade/bundles/upgrade-static.umd.js'
  }
});

3)在app.module.ts中

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { UpgradeModule } from '@angular/upgrade/static';

@NgModule({
  imports: [
    BrowserModule,
    UpgradeModule
  ],
  bootstrap: []
})
export class AppModule {
  ngDoBootstrap() {}
}

4)main.ts

import { NgModule } from '@angular/core';
import { UpgradeModule } from '@angular/upgrade/static';
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';

platformBrowserDynamic().bootstrapModule(AppModule).then(platformRef => {
  const upgrade = platformRef.injector.get(UpgradeModule) as UpgradeModule;
  upgrade.bootstrap(document.body, ['myApp'], { strictDi: true });
});

这些步骤是否足以将Angular JS应用程序集成到Angular 4中?如果是这样，我该如何做build.The ?现有的进程是一个带有Maven的整体式应用程序吗? Angular 4可以与Maven4集成吗？

Answer 1

Angular官方网站有一个迁移指南here

旧版本的Angular (AngularJS 1.x)与新的Angular >2有完全不同的项目结构。本指南应该会帮助你。