angular.js - angular $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')
})

回傳結果是angular.min.js:107 TypeError: Cannot read property 'then' of undefined

請問哪裡錯了。 。 。 。 。

Answer 1

報錯是因為getMenus function 沒有回傳值，js預設回傳undefined，然後在undefined 上調then，所以報錯
解決方法：

在getMenus 第一行初始化

var defer = $q.defer()

最後把defer.promise當作回傳值回傳
最後應該是這樣

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

你在 success和error回調裡再回promise當然會有問題

Answer 2

雷雷