NodeJS和Angular 2
我想创build与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自带的方法: 通过开发服务器生成和提供Angular2项目
我有以下文件夹结构:
NodeJSWebsite --node_modules --public --|--img --|--css --|--js --|--templates ----|--home.hbs ----|--about.hbs --server.js --package.json
有没有一个很好的和简单的方法来编译/构buildangular2应用程序和呈现html文件,所以我可以使用我的路线?
有一个很好的解决scheme。 但它目前在阿尔法,你仍然可以使用它。 这叫做AngularUniversal 。
在这里 ,github上提供了用express构build的正式启动器
另一个select是使用这个种子项目 – http://matthiasschuetz.com/angular2-seed/
这是一个基本的Angular 2 TypeScript初学者项目,
- 路由概念(单独的路由configuration文件)
- login和仪表板视图组件(授权/公共路线)
- 错误页面处理
- 一个指令(表单input)
- 服务(授权)
- 一个pipe道(确定活动路线)
- 使用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/
源代码可以在这里find – https://github.com/AngularClass/angular2-webpack-starter