Question

我正在努力学习角度。我写了下面的一段代码，但这是抛出错误作为service.getImages不是一个函数。请帮我弄清楚我在这里缺少什么。

服务：

services.service('interiors', function($http){

    return{
        getImages : function(){
            return $http.get("imageListSpace/living?from=300000&to=200000&page=1");
        }
    }

});

控制器：

otCtrls.controller('ImageListController', [ '$scope', '$routeParams', 'interiors', function($scope, $routeParams, interiors) {
            $scope.imageList = {};

            interiors.getImageList().success(function(data) {
                $scope.imageList = data;
            });
} ]);

查看：

<li ng-repeat="image in imageList | filter:query">
        <div id="imageContainer" >
            <img src="{{image.path_small}}" />
            <div id="imageText">
                <p>{{image.description_short}}</p>
            </div>

        </div>
        <div id="priceText">
            <div class="col-xs-6">
                <span>Starting from </span><span>Rs {{image.price}}</span>
            </div>
            <div class="col-xs-6"></div>

        </div>
    </li>

请帮我弄清楚我在这里缺少什么。

Answer 1

您的控制器和服务具有相同功能的不同名称，或者将您的服务更改为

return{
    getImageList : function(){
        return $http.get("imageListSpace/living?from=300000&to=200000&page=1");
    }
}

或您的控制器致电

interiors.getImages().success(function(data) {
            $scope.imageList = data;
        });

角度服务在控制器中调用时抛出错误

1 个答案: