Angular JS / Spring: formulaire de recherche

Version imprimable

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:

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

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:

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 :)

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

Code:

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:

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

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

Code:

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:

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:

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";
}