generator-fountain-angular2/generators/todoMVC/templates/src/app/components/Header.ts

Yeoman Fountain generator to scaffold a webapp with Angular 2 written in ES6 (Babel), TypeScript through Webpack or SystemJS including tools Gulp 4, ESLint, Browsersync and Karma

import {Component} from '@angular/core';
import {Store} from '@ngrx/store';
import * as actions from '../actions/index';

@Component({
  selector: 'fountain-header',
  template: require('./Header.html')
})
export class HeaderComponent {
  constructor(public store: Store<any[]>) {}

  handleSave(text: string) {
    if (text.length !== 0) {
      this.store.dispatch(actions.addTodo(text));
    }
  }
}