error(blogservice) in angular with web api please solve

hello expert,

i m sharing coding in angular in web api method code are here ..

i am not sure is this correct ? i want to display blog details in webapi controller

how to write syntax/code in web api method(GetId)?

here is blogservice

Error is shown in blog service

here is blog details .ts

import { Component, OnInit } from '@angular/core';
import { RouterModule, ActivatedRoute } from '@angular/router';
import { blogService } from '../Service/blogservice';
import { Observable } from 'rxjs/Observable';
import { Iblog } from '../model/blog';
import { Global } from '../Shared/global';
@Component({
selector: 'employee-details',
templateUrl: 'app/components/blog-details.component.html',
providers: [blogService],
})
export class blogDetailsComponent implements OnInit {
private sub: any;
private blog: Iblog;
constructor(private employeeService: blogService, private route: ActivatedRoute) {
}
ngOnInit() {
// Subscribe to route params
this.sub = this.route.params.subscribe(params => {
let id = params['id'];
return this.employeeService.Getid(Global.BASE_USER_ENDPOINT,id).subscribe((blogs1 => { this.blog = blogs1; }));
});
}
}

here is blog details in html

here is routing..

please share idea for error .. if i did wrong something then please share ur code or repair

2 Replies

Know the answer? Post it — somebody with the same question will find it here.