arkit/test/angular2_es2015/app/components/todo-header/todo-header.component.js

Visualises JavaScript, TypeScript and Flow codebases as meaningful and committable architecture diagrams

import { Component } from '@angular/core';

import { TodoStoreService } from '../../services/todo-store.service';
import template from './todo-header.template.html';

@Component({
	selector: 'todo-header',
	template: template
})
export class TodoHeaderComponent {
	newTodo = '';

	constructor(todoStore:TodoStoreService) {
		this._todoStore = todoStore;
	}

	addTodo() {
		if (this.newTodo.trim().length) {
			this._todoStore.add(this.newTodo);
			this.newTodo = '';
		}
	}
}