Discussion :

[Seb2913]

Bonjour à tous,

Je commence actuellement sur AngularJS est j'ai un soucis avec la méthode suivante :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 function convertLatLongToCity(latitude, longitude){
    var city = null;
    $http({
    method : "GET",
    url : "https://maps.googleapis.com/maps/api/geocode/json?latlng=" + latitude + "," + longitude + "&key=..."
    }).then(function mySucces(response) {
        city = response.data.results[1].formatted_address ;
    }, function myError(response) {
        console.log("erreur requete");
    }); 
 
    return city;
}

si je fais un console.log de la variable city à l'interieur de la méthode le résultat s'affiche correctement mais quand j'appelle cette méthode dans mon controller et que j'affiche dans la console ce qu'elle me retourne j'obtiens "undefined". J'ai essayé pour voir de faire la méthode dans le controller mais cela ne change rien et étant novice je suis un peu bloqué.

Est-ce que quelqu'un pourrait me dire comment procéder ? cela serait sympa.


Merci d'avance

[NoSmoking]

Bonjour,
regarde cette discussion, entre bien d'autres, c'est la même problématique.

[Marco46]

Un peu de vocabulaire, une méthode est soit une procédure, soit une fonction.

Une procédure est une séquence d'instructions qui ne retourne pas de résultat.

Une fonction est une séquence d'instructions qui retourne un résultat.

En javascript il n'y a pas de distinction entre une procédure et une fonction. Le mot réservé pour déclarer une méthode est systématiquement le mot "function".

Pour retourner un résultat, il faut écrire l'instruction "return" suivie de la variable à retourner.

Donc pour que ta fonction retourne la valeur de "city", il te manque cette ligne de code.

return city;

à la fin de ta fonction.

Lorsque le return est manquant, javascript retourne automatiquement "undefined".

C'est donc normal que tu obtiennes "undefined" dans ton contrôleur compte tenu de ton implémentation.

Ceci dit, effectuer un "return" de "city" n'est pas la solution ici, compte tenu du fait que tu utilises le service "$http" qui a un retour asynchrone.

Je t'invite à lire cette série de tutoriels :

http://blog.ippon.fr/2015/01/23/les-...-angularjs-13/

[Seb2913]

Autant pour moi Marco, j'ai toujours pris la mauvaise habitude de dire méthode quand il s'agit d'une fonction et quand il s'agit d'une procédure donc qui ne retourne rien j'appelle ça une procédure .Une remise en place sur les termes techniques à utiliser de temps en temps ne fait pas de mal.

Par contre je retourne bien city à la fin de ma fonction, tu n'as pas vu à mon avis.

[Marco46]

Par contre je retourne bien city à la fin de ma fonction, tu n'as pas vu à mon avis.

En effet je me suis fait avoir par le scroll.

Néanmoins cela ne change pas grand chose à ma réponse !

Il te faut te documenter et te former sur les promises.