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
Post a Comment