Mittwoch, 18. Mai, 2016

Finishing Angular TODO application and deploying to production 122
25
26 app.use(flash());
27 app.use(passport.initialize());
28 app.use(passport.session());
29
30 require('../app/routes/index.server.routes.js')(app);
31 require('../app/routes/users.server.routes.js')(app);
32 require('../app/routes/todos.server.routes.js')(app);
33
34 app.use(express.static('./public'));
35
36 return app;
37 };
Angular CRUDe elements of our ever so slightly MEAN TODO app
Wait, didn’t I see this title before?! Yeah, kind of, but this one has Angular in it ;), and no Patrick
Rothfuss reference
The following few steps should feel very familiar (same M.O.²⁰³ as when we were adding the ngRoute
module). Since we designed our Express API in a RESTful²⁰⁴ manner, we can make use of the external
ngResource²⁰⁵ module. First, install ngResource with bower:
1 bower install angular-resource
Next, you need to add this script file in app/views/index.ejs just after the ngRoute inclusion script:
1
Also, you have to add the ngResource dependency in your main application.js file:
1 var app = angular.module(appName, ['ngResource', 'ngRoute', 'example', 'users']);
MVC structure
In the public folder create a new folder todos and inside it create a new file todos.client.module.js
with the following content:
²⁰³https://en.wikipedia.org/wiki/Modus_operandi
²⁰⁴https://en.wikipedia.org/wiki/Representational_state_transfer
²⁰⁵https://docs.angularjs.org/api/ngResource