Angular 2 添加功能

Question

我正在开发一个 Angular 2 应用程序。现在我想做CRUD“创建”操作。但它不起作用。当我调试项目时，它不会进入控制器方法。

控制台中的错误是“加载资源失败：服务器响应状态为 500（内部服务器错误）”

“异常：未捕获（承诺中）：响应状态：500 URL 内部服务器错误：”但 url 是正确的。

Component.ts

 onSubmit(value: any) {
        this.submitted = true;
        this.msgs = [];
        this.msgs.push({ severity: 'info', summary: 'Success', detail: 'Form Submitted' });
        console.log(value.description)
        this.periodService.addPeriods(value).then(period => this.period = period);
    }

Controller

  public ActionResult AddPeriod(PeriodModel period)
        {

            period.Id = Guid.NewGuid();
            var periodDto = (APAPeriodDto)period;
            periodDto.State = EntryState.Added;
            this.ServiceLocator.GetService<IAppraisalService>().SavePeriod(periodDto);
            periodDto.VersionNo++;
            return Json(new PeriodModel(periodDto));
        }

service.ts

   addPeriods(period: any) {
        console.log(period)
        console.log("hualala")
        return this.http.post('./Appraisal/AddPeriod', period).toPromise()
            .then(res => <Period>res.json().data)
            .then(data => { return data; });
    }

Answer 1

500 Internal Server Error - 表示请求已发送到服务器，但在服务器上发生错误。如果您不编写后端，则需要与开发人员交谈以查看错误是什么。

要了解有关错误的更多信息，请打开开发人员控制台（chrome 中的 f12），然后转到网络选项卡，单击您的请求，然后转到预览它应该会显示有关服务器错误的更多信息。因为错误在服务器端