TypeError:无法读取属性。则为未定义的[duplicate]

Question

我接受输入并在每个项目的描述中查找它。服务中的console语句显示了所需的输出，但ctrl中的promise是发生错误的地方。我错过了什么？

    NarrowItDownController.$inject=['MenuSearchService'];

    function NarrowItDownController(MenuSearchService) {
        var ctrl = this;
        ctrl.searchTerm = "";
        ctrl.found=[];
        ctrl.searchlist = function () {
            if (ctrl.searchTerm.length > 0) {
                console.log(ctrl.searchTerm);
                var promise = MenuSearchService.getMatchedMenuItems(ctrl.searchTerm);
                promise.then(function (result) {
                    ctrl.found = result;
                }).catch(function (error) {
                    console.log("something went wrong!!!");
                });
            }
        };
    }

    MenuSearchService.$inject = ['$http'];

    function MenuSearchService($http)  {
        var service= this; 
        var found = [];
        service.getMatchedMenuItems = function (searchTerm) {
            var response = $http({
                method: "GET",
                url: ("https://davids-restaurant.herokuapp.com/menu_items.json")
            }).then(function (response) {
                for (var i = 0; i < response.data.menu_items.length; i++) {
                    if (response.data.menu_items[i]
                            .description.toLowerCase().indexOf(searchTerm)>-1 ) {
                        found.push(response.data.menu_items[i]);
                    }
                }
                console.log(found);
                return found;
            }, function() {
                console.log('error');
            });
        };
    }

}) ();

Answer 1

您永远不会从函数getMatchedMenuItem返回创建的promise，因此调用promise.then（函数（结果）将失败。在getMatchedMenuItem中更改此行

var response = $http({...

到

return $http({...

解决方案是在整个堆栈中使用promise。让该服务函数返回promise，让控制器调用，然后，这样一旦promise得到解决，它就可以工作了。

我很想将其标记为“如何从异步调用返回响应？”的副本？。我建议至少通读一遍，这会让你更好地了解如何履行promise。