角JS - “错误：[$插值：INTERR]不能插：”？ [英] Angular JS - “Error: [$interpolate:interr] Can't interpolate:”?

问题描述

我试图拍摄影像形式的API，但我geeting错误角JS - 错误：[$插值：INTERR]不能插：

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

这是我的code：

服务的js code：

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

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

控制器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>

但我geeting错误：

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?

推荐答案

您图片函数的声明应该是这样的：

Your image function declaration should look like this:

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

这篇关于角JS - “错误：[$插值：INTERR]不能插：”？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！