diff options
author | Ashlee Young <ashlee@onosfw.com> | 2015-09-09 22:15:21 -0700 |
---|---|---|
committer | Ashlee Young <ashlee@onosfw.com> | 2015-09-09 22:15:21 -0700 |
commit | 13d05bc8458758ee39cb829098241e89616717ee (patch) | |
tree | 22a4d1ce65f15952f07a3df5af4b462b4697cb3a /framework/src/onos/web/gui/src/main/webapp/_sdh/ng-examples/ch02-09-ng-repeat-track-id.html | |
parent | 6139282e1e93c2322076de4b91b1c85d0bc4a8b3 (diff) |
ONOS checkin based on commit tag e796610b1f721d02f9b0e213cf6f7790c10ecd60
Change-Id: Ife8810491034fe7becdba75dda20de4267bd15cd
Diffstat (limited to 'framework/src/onos/web/gui/src/main/webapp/_sdh/ng-examples/ch02-09-ng-repeat-track-id.html')
-rw-r--r-- | framework/src/onos/web/gui/src/main/webapp/_sdh/ng-examples/ch02-09-ng-repeat-track-id.html | 58 |
1 files changed, 58 insertions, 0 deletions
diff --git a/framework/src/onos/web/gui/src/main/webapp/_sdh/ng-examples/ch02-09-ng-repeat-track-id.html b/framework/src/onos/web/gui/src/main/webapp/_sdh/ng-examples/ch02-09-ng-repeat-track-id.html new file mode 100644 index 00000000..23ad7dc0 --- /dev/null +++ b/framework/src/onos/web/gui/src/main/webapp/_sdh/ng-examples/ch02-09-ng-repeat-track-id.html @@ -0,0 +1,58 @@ +<!DOCTYPE html> +<html ng-app="notesApp"> +<head> + <title>Notes App</title> + <script src="../../tp/angular.js"></script> + <style> + span { + background-color: #cce; + } + </style> +</head> +<body ng-controller="MainCtrl as ctrl"> + + <button ng-click="ctrl.changeNotes()">Change Notes</button> + <br/> + + DOM Elements change at every click + <div ng-repeat="note in ctrl.notes1"> + {{note.$$hashKey}} + <span class="label"> {{note.label}} </span> + <span class="author"> {{note.done}} </span> + </div> + <br/> + + DOM Elements are reused at every click + <div ng-repeat="note in ctrl.notes2 track by note.id"> + {{note.$$hashKey}} + <span class="label"> {{note.label}} </span> + <span class="author"> {{note.done}} </span> + </div> + + <script type="text/javascript"> + angular.module('notesApp', []).controller('MainCtrl', [ + function () { + var self = this; + var notes = [ + {id: 1, label: 'First note', done: false, someRandom: 31431}, + {id: 2, label: 'Second note', done: false}, + {id: 3, label: 'Finished third note', done: true} + ]; + self.notes1 = angular.copy(notes); + self.notes2 = angular.copy(notes); + + self.changeNotes = function () { + notes = [ + {id: 1, label: 'Changed note', done: false, someRandom: 4242}, + {id: 2, label: 'Second note', done: false}, + {id: 3, label: 'Finished third note', done: true} + ]; + self.notes1 = angular.copy(notes); + self.notes2 = angular.copy(notes); + } + } + ]); + </script> + +</body> +</html> |