ToDo_App/toDoHTML.html at master · RaniMittal/ToDo_App · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<DOCTYPE html>
<html ng-app="ngTodo">
	<head>
		<link rel="stylesheet" type="text/css" href="font-awesome.css">
		<link rel="stylesheet" type="text/css" href="toDoCSS.css">
		<script type="text/javascript" src="angular.min.js"></script>
		<script type="text/javascript" src="toDoJS.js"></script>
	</head>
	<body>

		<div ng-controller="ngTodoController">
		<input type="text" placeholder="search" ng-model="query">
		<input type="text" placeholder="todo title" ng-model="add.title">
		<input type="text" placeholder="todo detail" ng-model="add.details">
        <button ng-click="addTodo(add.title,add.details)">
			Add todo
		</button>
		<h1>Todos</h1>
		<ul>
			<li class="list" ng-repeat="todo in Todos | filter : query">
				<h2>{{ todo.title }}</h2>
				<p>{{ todo.details }}</p>
				<!-- <button ng-click="deleteTodo($index)">
					Delete
				</button> -->
				<i class="fa fa-trash" ng-click="deleteTodo($index)"></i>
			</li>
		</ul>
	</body>
</html>