我尽量让我的后端有角的电话。我已经GET方法/删除作品。
但我有“POST”的问题。
我用招摇代码生成,生成我在TS的所有类。
但是,当我拨打电话给我创造的功能,我有这样的消息:“类型员工的消息参数是不能分配给类型事件的参数”
员工是我自己的类。
我尝试了很多的事情,我试图改变自己的状态,我试图改变打字稿文件(这是指示不要)。
扬鞭,代码生成生成我employee.ts文件,这个文件就可以了。
它也产生一个employee.service.ts文件,我创建功能:
employe.service.ts:
public createEmployee(observe?: 'body', reportProgress?: boolean): Observable<any>;
public createEmployee(observe?: 'response', reportProgress?: boolean): Observable<HttpResponse<any>>;
public createEmployee(observe?: 'events', reportProgress?: boolean): Observable<HttpEvent<any>>;
public createEmployee(observe: any = 'body', reportProgress: boolean = false ): Observable<any> {
let headers = this.defaultHeaders;
// to determine the Accept header
let httpHeaderAccepts: string[] = [
];
const httpHeaderAcceptSelected: string | undefined = this.configuration.selectHeaderAccept(httpHeaderAccepts);
if (httpHeaderAcceptSelected != undefined) {
headers = headers.set('Accept', httpHeaderAcceptSelected);
}
// to determine the Content-Type header
const consumes: string[] = [
'application/json'
];
return this.httpClient.post<any>(`${this.basePath}/employees/createEmployee`,
null,
{
withCredentials: this.configuration.withCredentials,
headers: headers,
observe: observe,
reportProgress: reportProgress
}
);
}
我的表格:
员工form.component.html:
<form #employeeForm="ngForm" (ngSubmit)="create()">
<div class="form-group row">
<label for="inputEmail3" class="col-sm-2 col-form-label">Matricule</label>
<div class="col-sm-10">
<input type="text" class="form-control" id="idEmployee" [(ngModel)]="employee.idEmployee" name="idEmployee"/>
</div>
</div>
<div class="form-group row">
<label for="inputEmail3" class="col-sm-2 col-form-label">Nom</label>
<div class="col-sm-10">
<input type="text" class="form-control" id="lastName" [(ngModel)]="employee.lastName" name="lastName"/>
</div>
</div>.
[...]
<div class="form-group row">
<div class="col-sm-1">
<button type="submit" class="btn btn-primary">Créer</button>
</div>
<div class="col-sm-1">
<a class="btn btn-secondary" href="javascript:history.go(-1)">Retour</a>
</div>
</div>
</form>
我喜欢的类型的脚本文件:
员工form.component.ts:
@Component({
selector: 'adv-employee-form',
templateUrl: './employee-form.component.html',
providers: [EmployeeService],
styles: []
})
export class EmployeeFormComponent implements OnInit {
employee: Employee;
constructor(private router: Router, private employeeService: EmployeeService) { }
ngOnInit() {
}
create() {
this.employeeService.createEmployee(this.employee)//<- The error appear here
.pipe(finalize(() => this.router.navigate(['/employees-list']))).subscribe();
}
}
这似乎是this.employee无法正确识别。
我试图改变员工form.component.ts并设置:employee: any = Employee;
错误消失。但是,当我发表我的形式,我有错误:
ERROR Error: Unreachable: unhandled observe type [object Object]}
根据你的代码,你的方法并不期望类型的员工参数同样你逝去的身体,我认为你需要张贴的员工对象,使创建的服务员工的方法应该是
public createEmployee(model:any,observe: any = 'body', reportProgress: boolean = false ): Observable<any> {
let headers = this.defaultHeaders;
// to determine the Accept header
let httpHeaderAccepts: string[] = [
];
const httpHeaderAcceptSelected: string | undefined = this.configuration.selectHeaderAccept(httpHeaderAccepts);
if (httpHeaderAcceptSelected != undefined) {
headers = headers.set('Accept', httpHeaderAcceptSelected);
}
// to determine the Content-Type header
const consumes: string[] = [
'application/json'
];
return this.httpClient.post<any>(`${this.basePath}/employees/createEmployee`,
model,
{
withCredentials: this.configuration.withCredentials,
headers: headers,
observe: observe,
reportProgress: reportProgress
}
);
}