CODEWITHSUNDEEP
angularjs
Anita Mehta
Anita Mehta

Reputation: 577

Angular JS - “Error: [$interpolate:interr] Can't interpolate:”?

I am trying to take a image form API, but I am geeting error "Angular JS - “Error: [$interpolate:interr] Can't interpolate:”".

Here is my code :

service Js code:

    .factory('Comment', function($http) {

        return {
        image : function(id){
                        return $http.get(server + 'api/image/' + id); 
                    }
        }
}

Controller Code:

$scope.image = function () {
                Comment.image(id)
                .success(function(data){});
              }

HTML Code:

<div class="container"  ng-controller="mainController" >
<div class="row" ng-repeat="q in qa.data" >
    <div class="col-md-12 col-xs-12 col.sm.12" >
        <div class="artist-data pull-left" style = "background-color:#BEB7B7;">
            <!-- Div for user image -->
            <div class="artst-pic pull-left" >
                <img width = 100px; height:60px; ng-src="{{image(q.userID)}}"  alt="" class="img-responsive"/>
            </div>

But I am geeting the error:

Error: [$interpolate:interr] http://errors.angularjs.org/1.2.1/$interpolate/interr?p0=%7B%7Bimage(q.userID)%7D%7D&p1=ReferenceError%3A%20id%20is%20not%20defined
    at Error (native)
    at file:///C:/xampp/htdocs/test_QA/vender/angular.min.js:6:447
    at q (file:///C:/xampp/htdocs/test_QA/vender/angular.min.js:73:428)
    at pre (file:///C:/xampp/htdocs/test_QA/vender/angular.min.js:57:412)
    at B (file:///C:/xampp/htdocs/test_QA/vender/angular.min.js:49:261)
    at h (file:///C:/xampp/htdocs/test_QA/vender/angular.min.js:43:24)
    at h (file:///C:/xampp/htdocs/test_QA/vender/angular.min.js:43:41)
    at h (file:///C:/xampp/htdocs/test_QA/vender/angular.min.js:43:41)
    at h (file:///C:/xampp/htdocs/test_QA/vender/angular.min.js:43:41)
    at h (file:///C:/xampp/htdocs/test_QA/vender/angular.min.js:43:41)

Please tell me what is this error?

Upvotes: 1

Views: 2331

Answers (1)

gkalpak
gkalpak

Reputation: 48212

Your image function declaration should look like this:

$scope.image = function (id) {
    Comment.image(id)
           .success(function (data) {});
};

Upvotes: 1

Related Questions