Я хочу отображать данные на веб-интерфейсе из базы данных с помощью RestController, но он ничего не показывает и не содержит ошибок, поэтому мне нужна помощь для решения этой проблемы. Любое предложение может помочь мне, и спасибо
ServiceClass:
@Injectable({
providedIn: 'root'
})
export class EmployeService{
private URL_RESOURCES:String = 'http://localhost:8080/api/employe';
constructor(private http: HttpClient){
}
public getEmp():Observable<Employe[]>{
return this.http.get<Employe[]>(`${this.URL_RESOURCES}`);
}
Служба компонентов:
export class EmployeesComponent implements OnInit {
_employesArray:Employe[]=[];
constructor(private http:HttpClient, private employeservice:EmployeService) {
}
ngOnInit() {
this.dataSource.sort = this.sort;
this.dataSource.paginator = this.paginator;
this.reloadData();
}
reloadData() {
this.employeservice.getEmp().subscribe(
data=>{
this._employesArray=data;
},
err=>{
alert("An error has occured")
}
);
}
}
класс:
export class Employe {
id: number;
name: string;
prenom: string;
}
AppComponent. html:
<tbody>
<tr *ngFor="let employee of _employesArray ">
<td>{{employee.id}}</td>
<td>{{employee.name}}</td>
<td>{{employee.prenom}}</td>
</tr>
</tbody>
CollaborateurController:
@RestController
@CrossOrigin(origins="http://localhost:4200")
@RequestMapping("/api")
public class CollaborateurController {
@Autowired
private CollaborateurRepository collaborateurRepository;
@GetMapping(value="/employe")
public List<Collaborateur> getEmp() {
return (List<Collaborateur>) collaborateurRepository.findAll();
}
ICollaborateur:
public interface ICollaborateur {
List<Collaborateur> getEmp();
}