Initial file

todo-add.component.ts

import { Component } from '@angular/core';
import { TodoItem } from '../todo-item';

@Component({
  selector: 'app-todo-add',
  templateUrl: './todo-add.component.html',
  styleUrls: ['./todo-add.component.css']
})
export class TodoAddComponent {

  newTodo: TodoItem = new TodoItem();

  onAddTodo() {
    // เราจะมาเพิ่ม code ทีหลังเมื่อเราสร้าง TodoDataService เสร็จแล้ว
    console.log("Add Todo: " + this.newTodo.name);
  }

}