43 | * // Create a new module 44 | * var myModule = angular.module('myModule', []); 45 | * 46 | * // register a new service 47 | * myModule.value('appName', 'MyCoolApp'); 48 | * 49 | * // configure existing services inside initialization blocks. 50 | * myModule.config(function($locationProvider) { 51 | 'use strict'; 52 | * // Configure existing providers 53 | * $locationProvider.hashPrefix('!'); 54 | * }); 55 | *
60 | * var injector = angular.injector(['ng', 'MyModule']) 61 | *
74 | var User = $resource('/user/:userId', {userId:'@id'}); 75 | var user = User.get({userId:123}, function() { 76 | user.abc = true; 77 | user.$save(); 78 | }); 79 |
102 | // Define CreditCard class 103 | var CreditCard = $resource('/user/:userId/card/:cardId', 104 | {userId:123, cardId:'@id'}, { 105 | charge: {method:'POST', params:{charge:true}} 106 | }); 107 | 108 | // We can retrieve a collection from the server 109 | var cards = CreditCard.query(function() { 110 | // GET: /user/123/card 111 | // server returns: [ {id:456, number:'1234', name:'Smith'} ]; 112 | 113 | var card = cards[0]; 114 | // each item is an instance of CreditCard 115 | expect(card instanceof CreditCard).toEqual(true); 116 | card.name = "J. Smith"; 117 | // non GET methods are mapped onto the instances 118 | card.$save(); 119 | // POST: /user/123/card/456 {id:456, number:'1234', name:'J. Smith'} 120 | // server returns: {id:456, number:'1234', name: 'J. Smith'}; 121 | 122 | // our custom method is mapped as well. 123 | card.$charge({amount:9.99}); 124 | // POST: /user/123/card/456?amount=9.99&charge=true {id:456, number:'1234', name:'J. Smith'} 125 | }); 126 | 127 | // we can create an instance as well 128 | var newCard = new CreditCard({number:'0123'}); 129 | newCard.name = "Mike Smith"; 130 | newCard.$save(); 131 | // POST: /user/123/card {number:'0123', name:'Mike Smith'} 132 | // server returns: {id:789, number:'01234', name: 'Mike Smith'}; 133 | expect(newCard.id).toEqual(789); 134 | *
145 | var User = $resource('/user/:userId', {userId:'@id'}); 146 | var user = User.get({userId:123}, function() { 147 | user.abc = true; 148 | user.$save(); 149 | }); 150 |
157 | var User = $resource('/user/:userId', {userId:'@id'}); 158 | User.get({userId:123}, function(u, getResponseHeaders){ 159 | u.abc = true; 160 | u.$save(function(u, putResponseHeaders) { 161 | //u => saved user object 162 | //putResponseHeaders => $http header getter 163 | }); 164 | }); 165 |
<div ng-bind-html="snippet"></div>
<div ng-bind="snippet"></div>
<div ng-bind-html-unsafe="snippet"></div>
an html\nclick here\nsnippet
an html\n" + 104 | "click here\n" + 105 | "snippet
<div ng-bind-html="snippet | linky"></div>
This is a standard AngularJS "todo app" with user authentication added in.
The full source for this site is available here: https://github.com/Khelldar/Angular-Express-Train-Seed 5 |
Stuff that was used to make this: 8 |