如何在MVC6项目中安装Angular2



我面临ASP.NET5 MVC6项目的问题。我一直在创建一个使用AngularJS创建单页应用程序的项目。现在我想安装Angular 2而不是AngularJS 1。

那么我该怎么做才能将项目从普通的AngularJS升级到Angular 2呢。

要配置基本应用程序,需要包含angular2并配置system.js

以下是文档中的一个示例(https://angular.io/guide/quickstart):

<html>
  <head>
    <title>Angular 2 QuickStart</title>
    <script src="../node_modules/systemjs/dist/system.src.js"></script>
    <script src="../node_modules/angular2/bundles/angular2.dev.js"></script>
    <script>
      System.config({
        packages: {'app': {defaultExtension: 'js'}}
      });
      System.import('app/app');
    </script>
  </head>
  <body>
    <my-app>Loading...</my-app>
  </body>
</html>

由于web根是wwwroot,因此无法访问wwwroot之外的任何文件或文件夹。node_modules文件夹是wwwroot的兄弟文件夹,都位于父项目文件夹下。

不幸的是,唯一的方法是将文件从node_modules相应地复制到wwwroot中。

请务必更新systemjsconfig.js中的映射!

最新更新