2013-09-30 32 views
5

私は数時間この作業をしていて、どこにも見えません。私はこれがこれを投稿するのに適切な場所であることを願っています。私はStackOverflowに新しくなっていますので、これが間違っていれば、適切な場所に案内してください。Uncaught SyntaxError:予期しないトークン:AngularJSで

私は以下のhtmlファイルがあります:私は(クロームで)これを実行すると、私が手

angular.module('DishClips', ['ngResource']); 

function DishClipsCtrl($scope, $resource) { 
    $scope.dishclips = $resource('http://apiv2.dishclips.com/dishclips/api/:action', 
    {action:'searchRestaurants',address:'irvine',callback:'JSON_CALLBACK' }, 
    {get:{method:'JSONP'}}); 

    $scope.dishclipsResult = $scope.dishclips.get(); 
} 

捕捉されないが

<!DOCTYPE HTML> 
<html ng-app="DishClips"> 
<head> 
    <script type="text/javascript" src="http://code.angularjs.org/angular-1.0.0.0rc4.min.js"></script> 
    <script type="text/javascript" src="http://code.angularjs.org/angular-resource-1.0.0.0rc4.min.js"></script> 
    <link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.0.0/css/bootstrap.min.css"> 
    <script type="text/javascript" src="./dishclips.js"></script> 
</head> 

<body> 
<div ng-controller="DishClipsCtrl"> 
    <table class="table table-striped"> 
     <tr ng-repeat="restaurant in dishclipsResult.results"></tr> 
      <td>{{restaurant.name}}</td> 
    </table> 
</div> 
</body> 
</html> 

そして、私のdishclips.jsに次のようにSyntaxError:予期しないトークン:

jsonの返品が素晴らしいように私はなぜこれがn問題。

おかげ

+0

ミニバージョンの代わりに角度の開発版を使用してから、例外が発生する前にブラウザで中断するように指示してください。スタックトレースには有用な情報があります。 –

+0

解決しましたか? – Coyolero

答えて

3

APIは、あなたが戻ってJSONの代わりJSONPを使用しているため。 JSONPのペイロードは、次のような関数でラップする必要があります。functionCall({"Name": "Foo", "Id": 1234, "Rank": 7});

+1

この正確な答えを入力するだけでしたが、あなたは私にそれを打つことになりました。 – ksimons

+2

これは何を意味するのかよくわからないのですか? fanctionCallで囲むにはコードのどの部分を必要としますか? –

+2

@szaこの機能をどこに置く必要があるのか​​理解できますか?私はこれを解決する方法のヒントを理解しているかどうかはわかりません。ありがとうございます –

3

JSONPリクエストにもう1つのデフォルトのパラメータを定義する必要があります。

get:{method:'JSONP', params : {callback : 'JSON_CALLBACK'}} 
0

誤ってテンプレートページを(スクリプトの代わりに、または.jsファイルの上に)スクリプトとして読み込むと、このエラーが発生します。

<script src="/js/Directives/Templates/myTemplate.html"></script> 
関連する問題