小编Kin*_*dth的帖子

我有一个模型：

export class Employe {    
    constructor(public id?: any,
        public nom?: String,
        public prenom?: String,
        public cin?: String){}    
}

员工.component.ts

ngOnInit(){
    this.loadEmployes();
}    

 pageEmployes:any={};

  loadEmployes():Observable<any>{    
     this.http.get("http://localhost:8080/api/employe").subscribe(
      data=>{
        console.log(data);
        this.pageEmployes = data;

      }, err=>{
        console.log(err);
      }
    );
    return this.pageEmployes;
  }

员工.component.html

 <tr *ngFor="let item of pageEmployes">         
      <td>{{item.nom}}</td>
      <td>{{item.prenom}}</td>    
    </tr>

协作控制器.java

@RestController

@RequestMapping("/api/employe")

@CrossOrigin("*")

public class CollaborateurController {

    @Autowired
    private CollaborateurRepository collaborateurRepository;

    @RequestMapping(value="", method=RequestMethod.GET)
    public List<Collaborateur> getEmp() {
        return (List<Collaborateur>) collaborateurRepository.findAll();
    }

这引发了我的错误：

ERROR 错误：找不到类型为“object”的不同支持对象“[object Object]”。NgFor 仅支持绑定到可迭代对象，例如数组。

从源“ http://localhost:4200 ”访问“ http://localhost:8080/api/employe ”的XMLHttpRequest已被 CORS …

我在我的项目中使用 angular 所以我遇到了这个问题我试图将我的打字稿降级到 3.9.7 但在这里仍然没有工作是我的package.json dpendencies。

    "private": true,
  "dependencies": {
    "@angular-devkit/core": "^10.1.3",
    "@angular-devkit/schematics": "^10.1.3",
    "@angular-material-components/datetime-picker": "^4.0.2",
    "@angular/animations": "^10.1.3",
    "@angular/cdk": "^10.0.0",
    "@angular/common": "^10.1.3",
    "@angular/compiler": "~10.1.3",
    "@angular/core": "^10.1.3",
    "@angular/forms": "^10.1.3",
    "@angular/google-maps": "^10.0.1",
    "@angular/material": "^10.0.0",
    "@angular/platform-browser": "^10.1.3",
    "@angular/platform-browser-dynamic": "~10.1.3",
    "@angular/router": "^10.1.3",
    "@angular/typescript": "^2.0.0-5d0e199",
    "@auth0/angular-jwt": "^4.0.0",

有人可以给我一个解决这个问题的想法吗