如何在 MVC6 项目中安装 Angular2？

Question

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

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

Answer 1

要配置基本应用程序，您需要包含 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>

Answer 2

由于网络根目录是wwwroot，所以无法访问wwwroot以外的文件或文件夹。 node_modules 文件夹是 wwwroot 的兄弟文件夹 - 都在父项目文件夹下。

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

务必更新 systemjsconfig.js 中的映射！

如何在 MVC6 项目中安装 Angular2？

How to install Angular2 in MVC6 Project?

npm

angularjs

asp.net-core-mvc

asp.net-core

angular