Angular.jsの使用中にJSONエラーが発生する

エラーが発生しました。 Angular.jsで$httpを使用してjsonデータを呼び出す際に、次のエラーが発生します。Angular.jsの使用中にJSONエラーが発生する

Error:

SyntaxError: Unexpected token 
    in JSON at position 991 
    at Object.parse (native) 
     at Object.parse (native) 
     at wc (https://code.angularjs.org/1.5.6/angular.min.js:17:36) 
     at dc (https://code.angularjs.org/1.5.6/angular.min.js:91:424) 
     at https://code.angularjs.org/1.5.6/angular.min.js:92:337 
     at q (https://code.angularjs.org/1.5.6/angular.min.js:7:355) 
     at gd (https://code.angularjs.org/1.5.6/angular.min.js:92:319) 
     at c (https://code.angularjs.org/1.5.6/angular.min.js:94:72) 
     at https://code.angularjs.org/1.5.6/angular.min.js:130:409 
     at m.$eval (https://code.angularjs.org/1.5.6/angular.min.js:145:107) 
     at m.$digest (https://code.angularjs.org/1.5.6/angular.min.js:142:173 
)

私は以下の私のコードを説明しています。

customer.json:

[ 
    { 
    "rest_name": "Anjum", 
    "id":"1", 
    "address":"Goa", 
    "city":"1", 
    "country":"India", 
    " date":"2016-07-05 11:39:04", 
    "image":"", 
    "member_id":"135", 
    "mobile":"9937229853", 
    "person":"Subhrajyoti pradhan", 
    "postal":"752109", 
    "premium":"1", 
    "proviance":"Goa", 
    "quad_id":"3", 
    "quadrant":"3", 
    "quadrant_name":"SW", 
    "status":"1", 
    "url":"http://orimark.com" 
    },{ 
    " rest_name": "A&P Chinese Food Express", 
    "id":"2", 
    "address":"Goa", 
    "city":"1", 
    "country":"India", 
    " date":"2016-07-05 11:39:04", 
    "image":"", 
    "member_id":"135", 
    "mobile":"9937229853", 
    "person":"Subhrajyoti pradhan", 
    "postal":"752109", 
    "premium":"1", 
    "proviance":"Goa", 
    "quad_id":"3", 
    "quadrant":"3", 
    "quadrant_name":"SW", 
    "status":"1", 
    "url":"http://orimark.com" 
    },{ 
    " rest_name": "Bookers BBQ & Crab Shack", 
    "id":"3", 
    "address":"Goa", 
    "city":"1", 
    "country":"India", 
    " date":"2016-07-05 11:39:04", 
    "image":"", 
    "member_id":"135", 
    "mobile":"9937229853", 
    "person":"Subhrajyoti pradhan", 
    "postal":"752109", 
    "premium":"1", 
    "proviance":"Goa", 
    "quad_id":"3", 
    "quadrant":"3", 
    "quadrant_name":"SW", 
    "status":"1", 
    "url":"http://orimark.com" 
    },{ 
    "rest_name": "Butcher And The Baker", 
    "id":"4", 
    "address":"Goa", 
    "city":"1", 
    "country":"India", 
    " date":"2016-07-05 11:39:04", 
    "image":"", 
    "member_id":"135", 
    "mobile":"9937229853", 
    "person":"Subhrajyoti pradhan", 
    "postal":"752109", 
    "premium":"1", 
    "proviance":"Goa", 
    "quad_id":"3", 
    "quadrant":"3", 
    "quadrant_name":"SW", 
    "status":"1", 
    "url":"http://orimark.com" 
    },{ 
    "rest_name": "Cactus Club Stephen Avenue", 
    "id":"5", 
     "address":"Goa", 
    "city":"1", 
    "country":"India", 
    " date":"2016-07-05 11:39:04", 
    "image":"", 
    "member_id":"135", 
    "mobile":"9937229853", 
    "person":"Subhrajyoti pradhan", 
    "postal":"752109", 
    "premium":"1", 
    "proviance":"Goa", 
    "quad_id":"3", 
    "quadrant":"3", 
    "quadrant_name":"SW", 
    "status":"1", 
    "url":"http://orimark.com" 
    },{ 
    "rest_name": "Cactus Club - Macleod Trail", 
    " id":"6", 
     "address":"Goa", 
    "city":"1", 
    "country":"India", 
    " date":"2016-07-05 11:39:04", 
    "image":"", 
    "member_id":"135", 
    "mobile":"9937229853", 
    "person":"Subhrajyoti pradhan", 
    "postal":"752109", 
    "premium":"1", 
    "proviance":"Goa", 
    "quad_id":"3", 
    "quadrant":"3", 
    "quadrant_name":"SW", 
    "status":"1", 
    "url":"http://orimark.com" 
    } 
    ]

私のコントローラ側のコードを以下に示します。

$http.get('customer.json').success(function(data) { 
    console.log('data',data); 
    $scope.listOfCustomerData=data; 
    })

私のビューコードを以下に示します。

<tbody id="detailsstockid"> 
     <tr dir-paginate="cus in ($parent.labelResults=(listOfCustomerData | filter:searchProduct.rest_name:startsWith | orderBy:'rest_name')) | itemsPerPage:5 track by $index" current-page="currentPage"> 
     <td>{{$index+1}}</td> 
     <td>{{cus.rest_name}}</td> 
     </tr> 
    </tbody>

このエラーを解決するにはどうすればよいですか。

出典

2016-07-08 satya

は、ビューのコードを投稿は、たぶん、問題がある、あなたのJSONのルックスOK。 – developer033

あなたの ''日付 ''キー（そして先行スペースのある他のキー）でもかまいません – Phil

投稿を更新しました。 – satya

上記のコードは正常に動作していますが、問題はどこか別の場所にある可能性があります。だから明らかに私はなぜあなたが "Unexpected token in JSON at position 991"を取得しているのかわからないが、1.4.6を使用していると言っているが、あなたのエラーはあなたが1.5.6を使っていると言っている。

また、あなたは、単に行うことができます提案：その代わり、それは複雑な作りの

<tr dir-paginate="cus in listOfCustomerData | filter:q | itemsPerPage: pageSize" current-page="currentPage">

：

<tr dir-paginate="cus in ($parent.labelResults=(listOfCustomerData | filter:searchProduct.rest_name:startsWith | orderBy:'rest_name')) | itemsPerPage:pageSize track by $index" current-page="currentPage">

Here is the working plunker i made

出典

2016-07-08 07:46:13 Wcan

Angular.jsの使用中にJSONエラーが発生する

答えて

関連する問題