angular.js - angular $q问题

问题描述

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

请问哪里错了。。。。。

问题解答

报错是因为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当然会有问题

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;}