carloscarcamo/jsbin.kilan.html

## jsbin.kilan.html
<!DOCTYPE html>
<html ng-app='ShoppingModule'>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular.min.js"></script>
<meta name="description" content="Dependencies with Modules"/>
  <meta charset="utf-8">
  <title>Dependencies with Modules
</title>
</head>
<body ng-controller="ShoppingController">
<h1>Shop!</h1>
<table ng-repeat="item in items">
  <tr>
    <td>{{item.title}}</td>
    <td>{{item.description}}</td>
    <td>{{item.price|currency}}</td>
  </tr>
</table>
</body>
</html>

## jsbin.kilan.js
var ShoppingModule = angular.module('ShoppingModule', []);

// Set up the service factory to create our Items interface
ShoppingModule.factory('Items', function(){
  var items = {};
  items.query = function(){
    return [
      {title: 'Paint pots', description: 'Pots full of paint', price: 3.95},
      {title: 'Polka dots', description: 'Dots with polka', price: 2.95},
      {title: 'Pebbles', description: 'Just little rocks', price: 6.95}
    ];
  };
  return items;
});


ShoppingModule.controller('ShoppingController', ['$scope', 'Items',
  function($scope, Items){
    $scope.items = Items.query();
  }]);
	<!DOCTYPE html>
	<html ng-app='ShoppingModule'>
	<head>
	<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular.min.js"></script>
	<meta name="description" content="Dependencies with Modules"/>
	<meta charset="utf-8">
	<title>Dependencies with Modules
	</title>
	</head>
	<body ng-controller="ShoppingController">
	<h1>Shop!</h1>
	<table ng-repeat="item in items">
	<tr>
	<td>{{item.title}}</td>
	<td>{{item.description}}</td>
	<td>{{item.price\|currency}}</td>
	</tr>
	</table>
	</body>
	</html>
	var ShoppingModule = angular.module('ShoppingModule', []);

	// Set up the service factory to create our Items interface
	ShoppingModule.factory('Items', function(){
	var items = {};
	items.query = function(){
	return [
	{title: 'Paint pots', description: 'Pots full of paint', price: 3.95},
	{title: 'Polka dots', description: 'Dots with polka', price: 2.95},
	{title: 'Pebbles', description: 'Just little rocks', price: 6.95}
	];
	};
	return items;
	});


	ShoppingModule.controller('ShoppingController', ['$scope', 'Items',
	function($scope, Items){
	$scope.items = Items.query();
	}]);