Question

我想用nodeJS和angular2作为客户端框架创建应用程序。例如，我有路线：

app.get('/', function(req, res){
    res.render('home');
});
app.get('/about', function(req, res){
    res.render('about');
});
app.get('/dash', function(req, res){
    res.sendFile(__dirname + 'path-to-angular2-index-file.html');
});
app.listen(3000);

然而，Angular2教程并没有涵盖这些，而agular-cli也有自己的方法：Generating and serving an Angular2 project via a development server

我有以下文件夹结构：

NodeJSWebsite
--node_modules
--public
--|--img
--|--css
--|--js
--|--templates
----|--home.hbs
----|--about.hbs
--server.js
--package.json

有没有好的＆amp;编译/构建angular2应用程序和渲染html文件的简单方法，以便我可以使用我的路由？

Answer 1

有一个很好的解决方案。但它现在处于alpha状态，但你仍然可以使用它。它被称为AngularUniversal。

在github here

上可以找到使用express构建的官方初学者

Answer 2

另一种选择是使用此种子项目 - http://matthiasschuetz.com/angular2-seed/

这是一个基本的Angular 2 TypeScript入门项目，涵盖 -

路由概念（单独的路由配置文件）
登录和仪表板视图组件（授权/公共路由）
错误页面处理
指令（表格输入）
服务（授权）
管道（确定活动路线）
使用es6-shim，Reflect，Rx.js和Zone.js

它依赖于TypeScript，SystemJS，Gulp和Sass。

源代码链接 - https://github.com/matthias-schuetz/angular2-seed

您还可以查看Angular2 Webpack Starter。

详情请点击此处 - https://angularclass.github.io/angular2-webpack-starter/

源代码可在此处获取 - https://github.com/AngularClass/angular2-webpack-starter

NodeJS和Angular 2

2 个答案: