Affichage liste client

bonjour,
je veux afficher une liste des clients (nom et prenom), mais j'arrive pas à l'afficher.
voilà ma page html listClients.html

Code:

1
2
3
4
5
6
7
8
9
<body ng-app="listClients" ng-controller="listClientsController">
 
<p  ng-repeat="c in clients ">
nom:{{c.nomClient}}<br/>
prenom:{{c.prenomClient}}<br/>
</p>
<script type="text/javascript" src="angular/angular.min.js"> </script>
<script type="text/javascript" src="js/listClients.js"> </script>
</body>

voilà le code angularJs le fichier nomé par listClients.js

Code:

1
2
3
4
5
6
7
8
9
var app=angular.module("listClients",[]);
app.controller("listClientsController",function($scope,$http){
    $scope.clients=[] ;
    $http.get("/clients")
    .then(function(data){
         $scope.clients = data ;
 
     });
});

j'utilise le web service avec REST et Spring Boot
voilà le controleur

Code:

1
2
3
4
5
6
7
8
9
10
11
12
@RestController
public class Controllers {
 
 
    @Autowired
    private InfMetier infMetier;
 
 
    @RequestMapping(value="/clients", method=RequestMethod.GET)
    public List<Client> listClients() {
        return infMetier.listClients();
    }

pour la couche metier

Code:

1
2
3
4
5
6
7
8
9
10
11
12
@Service
public class ImplMetier implements InfMetier {
 
    @Autowired
    private ClientRepository clientRepository;
 
    @Override
    public List<Client> listClients() {
        return clientRepository.findAll();
    }
 
}

pour l'interface repository

Code:

1
2
3
public interface ClientRepository extends JpaRepository<Client, Long> {
 
}

concernant la classe Client, c'est une classe abstrait qui est héritée par deux classes Normal et Physique et j'ai utilisé la stratégie Joined, voilà le code des classes

Client.java

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
@Entity
@Inheritance(strategy=InheritanceType.JOINED)
@JsonTypeInfo(use=JsonTypeInfo.Id.NAME, include=JsonTypeInfo.As.PROPERTY, property="type")
@JsonSubTypes({
    @Type(name="NR", value=Normal.class),
    @Type(name="PH", value=Physique.class)
})
 
public  abstract class Client implements Serializable {
    @Id
    @Column(name="client_id")
    @GeneratedValue(strategy=GenerationType.IDENTITY)
    private Long idClient;
    private String nomClient;
    private String prenomClient;
    private String adressClient;
    private String emailClient;
    private long teleClient;
    private long faxClient;
    private Date dateAddClient;
 
//constricteur + getters +setters
}

physique.java

Code:

1
2
3
4
5
6
7
8
@Entity
@PrimaryKeyJoinColumn(name = "normal_id", referencedColumnName = "client_id")
public class Normal extends Client implements Serializable{
 
   private String cinNorm;
 
//constricteur+getters+setters
}

je n'ai pas une erreur au niveau sonsole de ce soit de eclipse oude navigateur, lorsque j'utilise url suivant

Code:

http://127.0.0.1:8050/clients

j'obtiens les données, mais lorsque j'accede par

Code:

http://127.0.0.1:8050/listClients.html

j'obtiens seulement la repitition de nom et prenom sans valeur comme ceci

Code:

1
2
3
4
5
6
7
8
9
10
nom:
prenom:
nom:
prenom:
nom:
prenom:
nom:
prenom:
nom:
prenom:

je ne sais pas où est le problème :( , s'il vous plait je suis vraiment bloquée à ce point

merci