Question

我有一个Angular JS应用程序，其中每个Angular JS库文件都包含在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中吗？如果是的话，我该如何进行构建。现有过程是带有Maven Build的整体应用程序？Angular 4可以与Maven集成吗？

Answer 1

Angular官方网站具有迁移指南here

旧版本的Angular（AngularJS 1.x）与新的Angular> 2具有完全不同的项目结构。本指南应为您提供帮助。

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

1 个答案: