Discussion :

[kalare]

Bonjour,

Je débute dans AngularJS et je n'arrive pas à faire marcher un service qui fait appel à l'intérieur du $http.

Pouvez-vous me dire s'il est possible de faire un service qui fait appel à une requête post avec $http ?

Voici mes message d'erreur :

Error: ServiceRecordMembres is not defined
$scope.MyRecordMembreAAA@http://127.0.0.1/site1-projet-en-commun/controller/controllerInscriptionMembres.js:10:1
anonymous/fn@http://127.0.0.1/site1-projet-en-commun/api/bower_components/angular/angular.js line 13231 > Function:2:239
ngEventHandler/</callback@http://127.0.0.1/site1-projet-en-commun/api/bower_components/angular/angular.js:23371:17
$RootScopeProvider/this.$get</Scope.prototype.$eval@http://127.0.0.1/site1-projet-en-commun/api/bower_components/angular/angular.js:15878:16
$RootScopeProvider/this.$get</Scope.prototype.$apply@http://127.0.0.1/site1-projet-en-commun/api/bower_components/angular/angular.js:15978:20
ngEventHandler/<@http://127.0.0.1/site1-projet-en-commun/api/bower_components/angular/angular.js:23376:17
jQuery.event.dispatch@http://127.0.0...dist/jquery.js:4434:15
jQuery.event.add/elemData.handle@http://127.0.0.1/site1-projet-en-commun/api/bower_components/jquery/dist/jquery.js:4121:6

Merci.

[slim]

Salut!

Comment as-tu écris ton service ?

Exemple :

Code :

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

1
2
3
4
5
6
7
(function() {    
    angular.module('myapp').factory('MyService', MyService);
    MyService.$inject = ['$http'];
    function MyService($http) {
      $http.post(......, function(....){......});
    }
})();

[kalare]

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
'use strict';
myApp.service("ServiceRecordMembres", function($scope) {
    this.MyRecordNewUser = function() {
        $http.post("http://127.0.0.1/site1-projet-en-commun/server/mysql/SQLRecordMembres.php", {
            DbNom: "$scope.inputNom",
            DbPrenom: "$scope.inputPrenom",
            DbDateDeNaissance: "$scope.inputDateDeNaissance",
            DbCodePostale: "$scope.inputCodePostale",
            DbVille: "$scope.inputVille",
            DbPays: "$scope.inputPays",
            DbAdressePostale: "$scope.inputAdressePostale",
            DbEmail: "$scope.inputEmail",
            DbTelephone: "$scope.inputTelephone",
            DbIdentifiant: "$scope.inputIdentifiant",
            DbPasse: "$scope.inputMotDePasse"
        }).
        success(function(data, status) {
            document.getElementById("info").innerHTML = "Ca marche !"
        }).
        error(function(data, status) {
            document.getElementById("erreur").innerHTML = "Erreur lors de l'envoi"
        });
    }
});

[slim]

Et j'imagine que tu l'appelle depuis un contrôleur ? comment ?
et $scope n'a rien à faire dans les valeurs des propriétés de ton objet...
Ce n'est pas de cette façon qu'on fait le bind dans AngularJS. Je te conseillerai un peu de lecture

• Services
• Controllers
• Dependency Injection
• Templates

Si tu lis juste cela, je pense que tu pourrais régler ton problème.

[kalare]

Salut,

Merci mais je ne connais pas l'anglais.
Et la traduction de Google est parfois de mauvaise qualité.

Une toute petit question : c'est possible de mettre un $http dans un service qui est appelé dans un controller ?

Merci pour la documentation, je vais m'y mettre. Enfin, je vais essayer car je ne connais pas l'anglais.

[slim]

mes je ne connais pas l'anglais

Il existe de nombreux articles et tutoriaux sur le fwk en français.
ton moteur de recherche préféré.

une toute petit question : c'est possible de mettre un $http dans un service qui est appeler dans un controller.

Oui, c'est possible. mais tu n'injecte pas $scope dans le service. Ce que tu injecte, c'est seulement le service $http.
Il faut voir le service comme un "service métier" qui n'a aucun rapport avec la gestion du DOM.

En paramètre de la methode de ton service, ne passe pas toutes les propriétés mais qu'un seul objet.
Tu peux charger cet objet depuis le serveur, le manipuler dans le contrôleur et le template et le renvoyer enfin au serveur au travers de ton service.

Poste ton exemple complet une fois que tu aura fais les modifs et si tu rencontre encore des pbs.