New

The Following Service to Author.service.ts

author.service.ts

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

import { Author } from './author.model';

import { Http, Response, Headers, RequestOptions} from '@angular/http';

import 'rxjs/add/operator/map';

import 'rxjs/add/operator/toPromise';

import 'rxjs/Rx';

import { map } from 'rxjs/operators';

import{NgForm} from '@angular/forms';

@Injectable()

export class AuthorService {

selectedAuthor : Author;

authorlist : Author[];

constructor(private http : Http) { }

PostAuthor(obj)

{

// const body :Author={

//   id:obj.id,

//   FirstName:obj.FirstName,

//   LastName:obj.LastName

// }

var headeroptions = new Headers({'Content-Type':'application/json'});

var requestOptions=new RequestOptions({method:RequestMethod.
Post,headers : headeroptions });

debugger;

return this.http.post('url/api/Authors/',obj,requestOptions).map(x=>x.json());

}

getAuthorList()

{

this.http.get('http://localhost:53748/api/Authors/')

.map((data:Response)=>

{

  return data.json() as Author[];

}).toPromise().then (x=>{

  this.authorlist=x;

})

}

putAuthor(id,emp)

{

}

}

This IS Module.ts File

Module.ts

import { BrowserModule } from '@angular/platform-browser';

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

import { AppComponent } from './app.component';

import { AuthorsComponent } from './authors/authors.component';

import { AuthorComponent } from './authors/author/author.component';

import { AuthorListComponent }from'./authors/author-list/author-list.component';

import { HttpModule } from '@angular/http';

import {FormsModule} from '@angular/forms';

import {ToastrModule} from 'ngx-toastr';

@NgModule({

declarations: [

  AppComponent,

  AuthorsComponent,

  AuthorComponent,

  AuthorListComponent

],

imports: [

  BrowserModule,

  HttpModule,

  FormsModule,

],

providers: [],

bootstrap: [AppComponent]

})

export class AppModule { }