i399exng2/app/list/list.cmp.ts
2017-04-29 11:26:20 +03:00

38 lines
889 B
TypeScript

import { Component, OnInit } from '@angular/core';
import { Task, TaskService } from '../task.srv';
@Component({
selector: 'list',
templateUrl: 'app/list/list.html',
styleUrls: ['app/list/list.css']
})
export class ListComponent implements OnInit {
tasks: Task[] = [];
newTaskTitle: string;
constructor(private taskService: TaskService) {}
private updateTasks(): void {
this.taskService.getTasks().then(tasks => this.tasks = tasks);
}
addNewTask(): void {
this.taskService.saveTask(new Task(this.newTaskTitle))
.then(() => {
this.updateTasks();
this.newTaskTitle = '';
});
}
deleteTask(taskId : number): void {
this.taskService.deleteTask(taskId)
.then(() => this.updateTasks());
}
ngOnInit(): void {
this.updateTasks();
}
}