mbildner · February 23, 2015 14:03
diff --git a/todoAngularjs.html b/todoAngularjs.html
 <html>
 <head>
 	<title>angular js todo</title>
 	<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.13/angular.min.js"></script>
 </head>
 <body ng-app="todoApp">

 	<div ng-controller="TodoListController">
 		<h2>Todo Items</h2>
 		<ul>
 			<li ng-repeat="item in todoItems track by $index">
 				<p>{{item}}</p>
 				<button ng-click="removeItem($index);">remove</button>
 				<button ng-click="finishItem($index);">finish</button>
 			</li>
 		</ul>

 		<input ng-model="itemLabelModel">

 		<h2>Finished items</h2>
 		<ul>
 			<li ng-repeat="item in finishedItems track by $index">
 				<p>{{item}}
 			</li>
 		</ul>

 		<button ng-click="addNewItem(itemLabelModel);">Add Item</button>
 	</div>
 	<script>
 		// make the angular application
 		var application = angular.module('todoApp', []);

 		application.controller('TodoListController', function ($scope) {
 			// initialize empty values
 			$scope.todoItems = [];
 			$scope.finishedItems = [];
 			$scope.itemLabelModel = '';

 			$scope.addNewItem = function (itemLabel) {
 				// add new item
 				$scope.todoItems.push(itemLabel);

 				// clear old input
 				$scope.itemLabelModel = '';
 			};

 			$scope.finishItem = function (itemLabel) {
 				var finishedItem = $scope.todoItems.splice(itemLabel, 1)[0];
 				$scope.finishedItems.push(finishedItem);
 			};

 			$scope.removeItem = function (itemLabel) {
 				// remove todoItem from our array
 				$scope.todoItems.splice(itemLabel, 1);
 			};
 		});

 	</script>


 </body>
 </html>
	<html>
	<head>
	<title>angular js todo</title>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.13/angular.min.js"></script>
	</head>
	<body ng-app="todoApp">

	<div ng-controller="TodoListController">
	<h2>Todo Items</h2>
	<ul>
	<li ng-repeat="item in todoItems track by $index">
	<p>{{item}}</p>
	<button ng-click="removeItem($index);">remove</button>
	<button ng-click="finishItem($index);">finish</button>
	</li>
	</ul>

	<input ng-model="itemLabelModel">

	<h2>Finished items</h2>
	<ul>
	<li ng-repeat="item in finishedItems track by $index">
	<p>{{item}}
	</li>
	</ul>

	<button ng-click="addNewItem(itemLabelModel);">Add Item</button>
	</div>
	<script>
	// make the angular application
	var application = angular.module('todoApp', []);

	application.controller('TodoListController', function ($scope) {
	// initialize empty values
	$scope.todoItems = [];
	$scope.finishedItems = [];
	$scope.itemLabelModel = '';

	$scope.addNewItem = function (itemLabel) {
	// add new item
	$scope.todoItems.push(itemLabel);

	// clear old input
	$scope.itemLabelModel = '';
	};

	$scope.finishItem = function (itemLabel) {
	var finishedItem = $scope.todoItems.splice(itemLabel, 1)[0];
	$scope.finishedItems.push(finishedItem);
	};

	$scope.removeItem = function (itemLabel) {
	// remove todoItem from our array
	$scope.todoItems.splice(itemLabel, 1);
	};
	});

	</script>


	</body>
	</html>