diff options
Diffstat (limited to 'third_party/webkit/PerformanceTests/Speedometer/resources/todomvc/architecture-examples/angular/src/app/app.component.html')
| -rw-r--r-- | third_party/webkit/PerformanceTests/Speedometer/resources/todomvc/architecture-examples/angular/src/app/app.component.html | 20 |
1 files changed, 20 insertions, 0 deletions
diff --git a/third_party/webkit/PerformanceTests/Speedometer/resources/todomvc/architecture-examples/angular/src/app/app.component.html b/third_party/webkit/PerformanceTests/Speedometer/resources/todomvc/architecture-examples/angular/src/app/app.component.html new file mode 100644 index 0000000000..9a5a568732 --- /dev/null +++ b/third_party/webkit/PerformanceTests/Speedometer/resources/todomvc/architecture-examples/angular/src/app/app.component.html @@ -0,0 +1,20 @@ +<section class="todoapp"> + <header class="header"> + <h1>Todos</h1> + <input class="new-todo" placeholder="What needs to be done?" autofocus="" [(ngModel)]="newTodo.title" (keyup.enter)="addTodo()"> + </header> + <section class="main" *ngIf="todos.length > 0"> + <ul class="todo-list"> + <li *ngFor="let todo of todos" [class.completed]="todo.complete"> + <div class="view"> + <input class="toggle" type="checkbox" (click)="toggleTodoComplete(todo)" [checked]="todo.complete"> + <label>{{todo.title}}</label> + <button class="destroy" (click)="removeTodo(todo)"></button> + </div> + </li> + </ul> + </section> + <footer class="footer" *ngIf="todos.length > 0"> + <span class="todo-count"><strong>{{todos.length}}</strong> {{todos.length == 1 ? 'item' : 'items'}} left</span> + </footer> +</section>
\ No newline at end of file |