Angular: SyntaxError: неожиданный токен <в JSON в позиции 0

Question

Попытка выполнить операцию CRUD в Visual Studio 2017 с ASP.NET Core и Angular.Я получаю следующее исключение:

SyntaxError: неожиданный токен <в JSON в позиции 0 </p>

Это мой сервисный код

    getEmployees() {
    return this._http.get(this.myAppUrl + 'api/Employee/Index')
        .map((response: Response) => response.json())
        .catch(this.errorHandler);

А это мой код контроллера Web API:

[HttpGet]
[Route("api/Employee/Index")]
public IEnumerable<Employee> Index()
{
     return objemployee.GetAllEmployees();
}

А это мой код компонента:

import { Component, Inject } from '@angular/core';
import { Http, Headers } from '@angular/http';
import { Router, ActivatedRoute } from '@angular/router';
import { EmployeeService } from '../../services/empservice.service'
@Component({
    selector: 'fetchemployee',
    templateUrl: './fetchemployee.component.html',
    providers: [EmployeeService]
})
export class FetchEmployeeComponent {
    public empList: EmployeeData[];

    constructor(public http: Http, private _router: Router, private 
_employeeService: EmployeeService) {
        this.getEmployees();
    }

    getEmployees() {
        this._employeeService.getEmployees().subscribe(
            data => this.empList = data
        )
    }
}

interface EmployeeData {
     id: number;
     name: string;
     gender: string;
     department: string;
     city: string;
}

Answer 1

Оберните вашу инструкцию возврата методом Json ().Установите тип возвращаемого значения в JsonResult.

[HttpGet]
[Route("api/Employee/Index")]
public JsonResult Index()
{
    return Json(objemployee.GetAllEmployees());
}