import { Component } from '@angular/core';
import { DataService } from './data.service';
import 'rxjs/add/operator/map';
import { Name } from './name';

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

  name = new Name(0, '');

  constructor(private dataService: DataService) {}

  saveName() {
    this.dataService.saveName(this.name).subscribe(
        data => {
          this.getNames();
          return true;
        }, error => {
          console.error('Failed');
        }
    );
  }

  ngOnInit() {
    this.getNames();
  }
}