angulaire.js - problème angulaire $q

Question

function getMenus() {
    if (!localStorage.getItem('menus')) {
        var defer = $q.defer();
        $http.get('api/menu').success(function (res) {
            // scope.menuList = res;
            localStorage.setItem('menus', res)
            defer.resolve();
            return defer.promise;
        }).error(function (err) {
            defer.reject()
            return defer.promise;
        });

    }
}
getMenus().then(function () {
    scope.menuList = localStorage.getItem('menus')
})

Le résultat renvoyé est angulaire.min.js:107 TypeError : Impossible de lire la propriété 'then' de undefined

S'il vous plaît, dites-moi ce qui ne va pas. . . . .

Answer 1

L'erreur est signalée car la fonction getMenus n'a pas de valeur de retour, js renvoie undéfini par défaut, puis se déclenche sur undéfini, donc l'erreur est signalée
Solution :

Initialiser dans la première ligne de getMenus

var defer = $q.defer()

Enfin, renvoyez defer.promise comme valeur de retour
Cela devrait être le résultat final

function getMenus() {
    var defer = $q.defer()
    if (...) {...}
    return defer.promise
}

Bien sûr, il y aura des problèmes si vous renvoyez des promesses dans les rappels de réussite et d'erreur

Answer 2

function getMenus() {

    var defer = $q.defer();
    
    if (!localStorage.getItem('menus')) {
        
        $http.get('api/menu').success(function (res) {
            // scope.menuList = res;
            localStorage.setItem('menus', res)
            defer.resolve();
        }).error(function (err) {
            defer.reject()
        });

    }
    
    return defer.promise;
}