Discussion :

[Rhumario]

Bonjour,

Etant bloquer je me tourne vers vous.
Par défaut, lorsque je vais sur une page web, j'affiche une liste d'objet dans un tableau. Au démarrage de cette page je charge mes objets dans le scope grace à cette fonction.

.JS

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
 
 $scope.fetchInstrumentsList = function() {
        $http.get('actions/secteursactiviteslist.json').success(function(instrumentsList){
            $scope.instruments = instrumentsList; 
        });
    };

coté MVC

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
@RequestMapping("secteursactiviteslist.json")
	public @ResponseBody
	List<InstrumentDTO> getSecteursActivitesList() {
		final List<InstrumentDTO> listInstrument = this.actionsService.getSecteursActivites();
		return listInstrument;
	}

Donc ici, c'est parfait, je charge correctement tous les objets dans cette page.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
<table id="tab-result" ng-table="tableParams" 
template-pagination="custom/pager" 
class="table table-bordered table-striped" 
ng-show="instruments.length > 0 ">
    <thead>
        <tr>
            <th>Valeurs</th>>
	  </tr>
    </thead>
    <tbody>
        <tr ng-repeat="instrument in instruments">
            <td><a>{{instrument.name}}</a></td>
</tr>

maintenant je voudrais faire la meme chose en fonction d'un parametre de recherche (string), mais je n'ai aucune idée pour mettre ça en place.
je ne peux pas trier mes données avec Angular, je suis obligé d'appeler mon service.

j'ai essayé d'utiliser la méthode http.post coté JS, mais je ne récupère pas la liste d'objet.

Donc peut-on faire un http.get en passant 1 parametre??
Si oui avez-vous des exemples, sinon comment je peux faire ?? ^^
Merci d'avance

[Rhumario]

J'ai trouver une solution, est-elle correcte? j'utilise un http.post en JS

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
    $scope.bySearch = function(place) {
        $scope.resetError();
        $http.post('actions/secteursActivitesByPlace', place).success(function(instrumentsList) {
        	$scope.instruments = instrumentsList; 
        });
    };

et dans mon controller coté spring

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
	List<InstrumentDTO> get(@RequestBody final String place) {
		final List<InstrumentDTO> listInstrument = this.actionsService.getSecteursActivites(null, place);
		return listInstrument;
	}

[the_finisher]

Créer toi un service, puis utilise ton service à la place de $http.post, voici un exemple

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
var app = angular.module('application', [ 'ngResource', 'ngRoute' ]);
app.factory(
	'ServiceProvider', [ '$resource', function($resource) {
		return{ 
			disconnect : $resource('./api/authentication/logout', {},  {
				get : {method:'GET'}
			}),
			connect : $resource('./api/authentication/login', {},  {
				save : {method:'POST'}
			})
		};		
}]);

puis ton controlleur

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
 
ConectControl = function($scope, ServiceProvider) {
$scope.connect = function() {
		ServiceProvider.connect .save({
			id : $scope.demandId,
			nom : 'rboug',
                        prenom: 'braf'
		}, function() {
			//redriction
		});
	};

et ton controller mvc

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
 
@RequestMapping(method = RequestMethod.POST)
	public String connect(@RequestParam("nom") String nom,
			@RequestParam("prenom") final String prenom,
			final HttpServletRequest request, final HttpServletResponse response) {
 
		//ton traitement ici, cela nest qun exemple a toi de faire ton projet avec t valeurs
        return "sucess";
}