TypeScriptSamples/angular2/todo.html at master · anbreen/TypeScriptSamples · GitHub

Repository navigation

History

71 lines (54 loc) · 1.63 KB

Raw

<h1>todos</h1>

<input

id="new-todo"

placeholder="What needs to be done?"

autofocus

#newtodo

(keyup)="enterTodo($event, newtodo)">

</header>

<label for="toggle-all">Mark all as complete</label>

<div class="view"

[class.hidden]="todoEdit == todo">

<input class="toggle" type="checkbox"

(click)="completeMe(todo)"

[checked]="todo.completed">

<label (dblclick)="editTodo($event, todo)">{{todo.title}}</label>

</div>

<div>

<input class="edit"

[class.visible]="todoEdit == todo"

[value]="todo.title"

(keyup)="doneEditing($event, todo)">

</div>

</li>

</ul>

</section>

<li>

</li>

<li>

<a href="#/active">Active</a>

</li>

<li>

<a href="#/completed">Completed</a>

</li>

</ul>

<button id="clear-completed" (click)="clearCompleted()">Clear completed</button>

</footer>

</section>

<p>Double-click to edit a todo</p>

<p>Created by <a href="http://twitter.com/_davideast">David East</a></p>

</footer>

TypeScriptSamples/angular2/todo.html at master · anbreen/TypeScriptSamples · GitHub

Repository navigation

Expand file tree

Breadcrumbs

todo.html

Latest commit

History

Breadcrumbs

todo.html

File metadata and controls