Mittwoch, 18. Mai, 2016

Finishing Angular TODO application and deploying to production 123
1 angular.module('todos', []);
Also, inside todos folder create four new folders: controllers, views, services and config. Now,
you have to add the todos module dependency in your main application.js file:
1 var app = angular.module(appName, ['ngResource', 'ngRoute', 'example', 'users', \
2 'todos']);
Since we won’t be messing with application.js file anymore, here’s how it should look like for your
reference:
1 var appName = 'mean';
2 var app = angular.module(appName, ['ngResource', 'ngRoute', 'example', 'users', \
3 'todos']);
4
5 app.config(['$locationProvider', function($locationProvider) {
6 $locationProvider.hashPrefix('!');
7 }
8 ]);
9
10 if (window.location.hash === '#_=_') window.location.hash = '#!';
11
12 angular.element(document).ready(function() {
13 angular.bootstrap(document, [appName]);
14 });
Service
Create a new file todos.client.service.js file in the public/todos/services folder with the following
content:
1 angular.module('todos').factory('Todos', ['$resource',
2 function($resource) {
3 return $resource('api/todos/:todoId', {
4 todoId: '@_id'
5 }, {
6 update: {
7 method: 'PUT'
8 }
9 });
10 }
11 ]);