summaryrefslogtreecommitdiffstats
path: root/framework/src/onos/web/gui/src/main/webapp/_sdh/ng-examples/ch02-09-ng-repeat-track-id.html
diff options
context:
space:
mode:
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.html58
1 files changed, 0 insertions, 58 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
deleted file mode 100644
index 23ad7dc0..00000000
--- a/framework/src/onos/web/gui/src/main/webapp/_sdh/ng-examples/ch02-09-ng-repeat-track-id.html
+++ /dev/null
@@ -1,58 +0,0 @@
-<!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>