├── .idea ├── .name ├── angularjs-tutorial.iml ├── encodings.xml ├── misc.xml ├── modules.xml ├── scopes │ └── scope_settings.xml ├── vcs.xml └── workspace.xml ├── README.md ├── app.js ├── index.html └── main.ctrl.js /.idea/.name: -------------------------------------------------------------------------------- 1 | angularjs-tutorial -------------------------------------------------------------------------------- /.idea/angularjs-tutorial.iml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | -------------------------------------------------------------------------------- /.idea/encodings.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /.idea/misc.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /.idea/modules.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | -------------------------------------------------------------------------------- /.idea/scopes/scope_settings.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 5 | -------------------------------------------------------------------------------- /.idea/vcs.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /.idea/workspace.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 13 | 14 | 15 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | 53 | 54 | 55 | 56 | 57 | 58 | 59 | 60 | 61 | 69 | 70 | 71 | 72 | 77 | 78 | 79 | 80 | 81 | 82 | 83 | 84 | 85 | 86 | 87 | 88 | 90 | 91 | 92 | 93 | 94 | 95 | 96 | 97 | 98 | 99 | 100 | 101 | 102 | 103 | 104 | 105 | 106 | 107 | 108 | 111 | 112 | 113 | 114 | 117 | 118 | 121 | 122 | 123 | 124 | 125 | 126 | 127 | 128 | 129 | 130 | 131 | 132 | 133 | 134 | 135 | 136 | 137 | 138 | 139 | 140 | 141 | 142 | 143 | 144 | 145 | 146 | 147 | 148 | 149 | 150 | 151 | 152 | 153 | 169 | 170 | 171 | 172 | 1417416354643 173 | 1417416354643 174 | 175 | 176 | 177 | 178 | 179 | 180 | 181 | 182 | 183 | 184 | 185 | 186 | 187 | 188 | 189 | 190 | 191 | 192 | 193 | 194 | 195 | 196 | 197 | 198 | 199 | 200 | 201 | 202 | 203 | 206 | 207 | 208 | 210 | 211 | 214 | 215 | 216 | 217 | 218 | 219 | 220 | 221 | 222 | 223 | 224 | 225 | 226 | 227 | 228 | 229 | 230 | 231 | 232 | 233 | 234 | 235 | 236 | 237 | 238 | 239 | 240 | 241 | 242 | 243 | 244 | 245 | 246 | 247 | 248 | 249 | 250 | 251 | 252 | 253 | 254 | 255 | 256 | 257 | 258 | 259 | 260 | 261 | 262 | 263 | 264 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | angularjs-tutorial 2 | ================== 3 | 4 | Learn AngularJS in 30 minutes with this simple tutorial: [AngularJS Tutorial](http://www.revillweb.com/tutorials/angularjs-in-30-minutes-angularjs-tutorial/). 5 | -------------------------------------------------------------------------------- /app.js: -------------------------------------------------------------------------------- 1 | angular.module('app', []); -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | AngularJS Tutorial 6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 |

{{main.title}}

14 |
15 | 16 | 17 | 18 | 19 |
20 |

A list of TV shows

21 | 24 | 25 |
26 |

Add a new TV Show

27 |
28 |
29 | 30 | 31 |
32 |
33 | 34 | 35 |
36 |
37 |
38 | 39 |
40 |
41 | 42 |
43 |
44 | 45 |
46 |
47 | 48 | -------------------------------------------------------------------------------- /main.ctrl.js: -------------------------------------------------------------------------------- 1 | angular.module('app').controller("MainController", function(){ 2 | var vm = this; 3 | vm.title = 'AngularJS Tutorial Example'; 4 | vm.searchInput = ''; 5 | vm.shows = [ 6 | { 7 | title: 'Game of Thrones', 8 | year: 2011, 9 | favorite: true 10 | }, 11 | { 12 | title: 'Walking Dead', 13 | year: 2010, 14 | favorite: false 15 | }, 16 | { 17 | title: 'Firefly', 18 | year: 2002, 19 | favorite: true 20 | }, 21 | { 22 | title: 'Banshee', 23 | year: 2013, 24 | favorite: true 25 | }, 26 | { 27 | title: 'Greys Anatomy', 28 | year: 2005, 29 | favorite: false 30 | } 31 | ]; 32 | vm.orders = [ 33 | { 34 | id: 1, 35 | title: 'Year Ascending', 36 | key: 'year', 37 | reverse: false 38 | }, 39 | { 40 | id: 2, 41 | title: 'Year Descending', 42 | key: 'year', 43 | reverse: true 44 | }, 45 | { 46 | id: 3, 47 | title: 'Title Ascending', 48 | key: 'title', 49 | reverse: false 50 | }, 51 | { 52 | id: 4, 53 | title: 'Title Descending', 54 | key: 'title', 55 | reverse: true 56 | } 57 | ]; 58 | vm.order = vm.orders[0]; 59 | vm.new = {}; 60 | vm.addShow = function() { 61 | vm.shows.push(vm.new); 62 | vm.new = {}; 63 | }; 64 | }); 65 | --------------------------------------------------------------------------------