A型的参数是不能分配给B型的参数

问题描述 投票:0回答:1

我尽量让我的后端有角的电话。我已经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]}

angular forms typescript swagger-codegen
1个回答
0
投票

根据你的代码,你的方法并不期望类型的员工参数同样你逝去的身体,我认为你需要张贴的员工对象,使创建的服务员工的方法应该是

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
        }
    );
}
© www.soinside.com 2019 - 2024. All rights reserved.