Angular 2 Cookbook

Normalizing service types

Angular 1 developers will be quite familiar with the factory/service/provider trifecta. In many ways, this has gone largely unaltered in Angular 2 conceptually. However, in the interest of upgrading an existing application, there is one thing that should be done to make the migration as easy as possible: eliminate factories and replace them with services.

Note

The code, links, and a live example related to this recipe are available at http://ngcookbook.herokuapp.com/5637/.

Getting ready

Suppose you had a simple application as follows:

[index.html] <div ng-app="articleApp"> <article></article> </div> [app.js] angular.module('articleApp', []) .factory('ArticleData', function() { var title = 'Incumbent Senator Ousted by Stalk ...