Skip to content

Instantly share code, notes, and snippets.

@gajus
Created September 25, 2014 17:47
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save gajus/49013238fc619268b480 to your computer and use it in GitHub Desktop.
Save gajus/49013238fc619268b480 to your computer and use it in GitHub Desktop.
<!DOCTYPE html>
<html ng-app="todoApp">
<head>
<title>First Test</title>
<script src="../angular.js"></script>
<script src="./todo.js"></script>
<style>
.warning { color: #f00; }
.success { color: #0f0; }
</style>
</head>
<body ng-controller="TodoController">
<h1 ng-class="warningLevel()">{{todo.user}}'s To Do List <span ng-hide="incompleteCount() == 0">({{incompleteCount()}})</span></h1>
<form>
<input ng-model="actionText">
<button ng-click="addNewItem(actionText)">Add</button>
</form>
<table>
<thead>
<tr>
<th>Name</th>
<th>Done?</th>
<th>Done?</th>
</tr>
</thead>
<tbody>
<tr ng-repeat="item in todo.items | filter: {done: false} | orderBy: 'action'">
<td>{{item.name}}</td>
<td><input type="checkbox" ng-model="item.done"></td>
<td>{{item.done}}</td>
</tr>
</tbody>
</table>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment