code Visual Studio - Debugging Promise callback angulaire

Question

je l'extension suivante installée dans le code VS: https://code.visualstudio.com/blogs/2016/02/23/introducing-chrome-debugger-for-vs-code

Les travaux de débogage, mais je ne peux pas mettre un point d'arrêt dans un rappel Promise. Par exemple:

getCatWishesFromBackend() : Promise<string[]> { 
    return this.http.get("http://localhost:3000/api/values").toPromise() 
        .then(response => response.json().wishes as string[]); 
    } 

Je veux mettre un point d'arrêt à cette partie du code, ce qui est à l'intérieur du alors() partie.

Comment est-ce que je peux faire ceci? Si je place un point d'arrêt dans la ligne de puis() il arrête seulement le programme, quand ce.http.get() est appelé. Lorsque le rappel est appelé, le point d'arrêt ne sera pas pris en compte.

Answer 1

Il suffit d'ajouter une entrée et de l'envelopper dans des accolades (notation de fonction de flèche plus longue). Assurez-vous d'ajouter return:

return this.http.get("http://localhost:3000/api/values").toPromise() 
    .then((response) => { 
     return response.json().wishes as string[] 
    });