angularjs - angular service is throwing error when called in controller -


i trying learn angular. have written below piece of code throwing error service.getimages not function. please me figure out missing here.

service :

services.service('interiors', function($http){      return{         getimages : function(){             return $http.get("imagelistspace/living?from=300000&to=200000&page=1");         }     }  }); 

controller :

otctrls.controller('imagelistcontroller', [ '$scope', '$routeparams', 'interiors', function($scope, $routeparams, interiors) {             $scope.imagelist = {};              interiors.getimagelist().success(function(data) {                 $scope.imagelist = data;             }); } ]); 

view :

<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 </span><span>rs {{image.price}}</span>             </div>             <div class="col-xs-6"></div>          </div>     </li> 

please me figure out missing here.

your controller , service have different names same function either change service be

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

or controller call

interiors.getimages().success(function(data) {             $scope.imagelist = data;         }); 

Comments