Angular 2 添加函数

Question

我正在开发 angular 2 应用程序。现在我想做 CRUD "create" 操作。但它不起作用。当我调试项目时，它不会转到控制器方法。

控制台中的错误是"Failed to load resource: the server responded with a status of 500 (Internal Server Error)"

"EXCEPTION: Uncaught (in promise): Response with status: 500 Internal Server Error for 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），然后转到网络选项卡，单击您的请求，然后进行预览，它应该会向您显示有关服务器错误的更多信息。因为错误在服务器端

Angular 2 添加函数

Angular 2 add function

angular

angular2-routing

angular2-forms

angular2-services