javascript - 如何在 Express.js 中添加 Angular 2 应用程序作为 View

Question

我正在使用 Angular 2 制作一个应用程序，它需要从将在服务器上运行的脚本中获取数据。为了做到这一点，我正在尝试将我现有的 Angular 应用程序作为一个 View 添加到一个快速应用程序中，就像已经完成的一样 here .我按照教程中概述的说明对文件夹结构进行了初始设置，但教程没有讨论如何实际连接 Angular 和 express 应用程序，以便它们在 npm start 时一起运行。用来。

然后我找到了另一篇建议使用 express/angular generator 的帖子我最终安装了它，它产生了这个 package.json 文件:

{
  "name": "support-dashboard",
  "version": "0.0.0",
  "dependencies": {
    "express": "~3.0.0",
    "ejs": "~0.8.4"
  },
  "devDependencies": {
    "connect-livereload": "~0.2.0",
    "grunt": "~0.4.1",
    "grunt-concurrent": "~0.3.0",
    "grunt-contrib-clean": "~0.4.1",
    "grunt-contrib-coffee": "~0.7.0",
    "grunt-contrib-compass": "~0.3.0",
    "grunt-contrib-concat": "~0.3.0",
    "grunt-contrib-connect": "~0.3.0",
    "grunt-contrib-copy": "~0.4.1",
    "grunt-contrib-cssmin": "~0.6.0",
    "grunt-contrib-htmlmin": "~0.1.3",
    "grunt-contrib-imagemin": "~0.1.4",
    "grunt-contrib-jshint": "~0.6.0",
    "grunt-contrib-uglify": "~0.2.0",
    "grunt-contrib-watch": "~0.4.0",
    "grunt-google-cdn": "~0.2.0",
    "grunt-karma": "~0.4.3",
    "grunt-ngmin": "~0.0.2",
    "grunt-open": "~0.2.0",
    "grunt-rev": "~0.1.0",
    "grunt-svgmin": "~0.2.0",
    "grunt-usemin": "~0.1.11",
    "jasmine-core": "^2.4.1",
    "karma": "^1.1.2",
    "karma-jasmine": "^1.0.2",
    "karma-phantomjs-launcher": "^1.0.1",
    "matchdep": "~0.1.2",
    "phantomjs-prebuilt": "^2.1.11"
  },
  "engines": {
    "node": ">=0.8.0"
  },
  "scripts": {
    "test": "karma start test\\karma.conf.js"
  }
}

尽管该包旨在为 Express 之上的 Angular 提供设置，但此文件仅为 express 而不是 Angular 设置。 在 Express 中设置 Angular 2 项目的官方方法是什么？

Answer 1

我打赌官方方法是使用 angular universal。允许您使用单页应用程序缓解 SEO 问题。 https://universal.angular.io/