Lots of tweaks, and angular demos

example/angular/app.js

@@ -0,0 +1,47 @@
+document.addEventListener('touchstart', function() {});
+
+var app = angular.module('peopleApp', ['ngRoute', 'ngAnimate']);
+
+app.config( ["$routeProvider", function($routeProvider){
+    $routeProvider.when("/customers", {"templateUrl" : "customers.html", controller: 'CustomersCtrl'});
+    $routeProvider.when("/customer/:id", {"templateUrl" : "customer.html", controller: 'CustomerCtrl'});
+    $routeProvider.otherwise({"redirectTo":"/customers"});
+
+  }]
+);
+
+app.provider('Customers', function() {
+  var customers = [
+    {'name': 'Max Lynch', id: 1},
+    {'name': 'Max Lynch', id: 2},
+    {'name': 'Max Lynch', id: 3},
+    {'name': 'Max Lynch', id: 4},
+    {'name': 'Max Lynch', id: 5},
+    {'name': 'Max Lynch', id: 6},
+    {'name': 'Max Lynch', id: 7},
+    {'name': 'Max Lynch', id: 8},
+    {'name': 'Max Lynch', id: 9},
+    {'name': 'Max Lynch', id: 10},
+    {'name': 'Max Lynch', id: 11},
+  ];
+
+  this.$get = function() {
+    return {
+      list: customers,
+      getById: function(id) {
+        for(var i = 0; i < this.list.length; i++) { if(this.list[i].id == id) return this.list[i]; }
+      }
+    }
+  }
+});
+
+app.controller('CustomersCtrl', function($scope, Customers) {
+  $scope.customers = Customers;
+});
+
+app.controller('CustomerCtrl', function($scope, $routeParams, Customers) {
+  var id = $routeParams.id;
+  var customer = Customers.getById(id);
+  $scope.customer = customer;
+  console.log('Showing user', id, customer);
+});