2016-10-26 4 views
1

私は、どんなにハードな試みをしても、ngResourceとの互換性の問題があるかどうか疑問に思っています。idパラメータでgetを実行できません。私がダウンしたコードを単純化している角型Jリソースget/find NOT WORKING

angular.module('loginMod',['ngResource']); 
 
angular. 
 
    module('loginMod'). 
 
    component('loginComp', { 
 
    \t templateUrl: 'log-in/log-in.template.html', 
 
\t controller: function LogInController($resource) { 
 
\t \t self = this; 
 
\t \t var person = $resource('http://127.0.0.1:4001/api/testusers/:uuid',{}); 
 
\t \t self.findID = 2; 
 
     \t //self.testUserSet = DBUsers.get(); 
 
     \t var oneUser = person.get({uuid: "2"}); 
 
     \t self.testVar = 20; 
 
    \t } 
 
    });

と私はクロームブラウザ専用に取得する一貫したエラーは次のとおりです。

angular.min.js:118 TypeError: V is not a function 
 
    at http://localhost:8888/IIIRef/app/shared/angular-resource.min.js:13:165 
 
    at q (http://localhost:8888/IIIRef/app/shared/angular.min.js:7:449) 
 
    at Object.setUrlParams (http://localhost:8888/IIIRef/app/shared/angular-resource.min.js:13:50) 
 
    at Function.l.(anonymous function) [as get] (http://localhost:8888/IIIRef/app/shared/angular-resource.min.js:10:156) 
 
    at new LogInController (http://localhost:8888/IIIRef/app/junk.js:40:29) 
 
    at Object.invoke (http://localhost:8888/IIIRef/app/shared/angular.min.js:41:456) 
 
    at S.instance (http://localhost:8888/IIIRef/app/shared/angular.min.js:89:436) 
 
    at p (http://localhost:8888/IIIRef/app/shared/angular.min.js:65:128) 
 
    at http://localhost:8888/IIIRef/app/shared/angular.min.js:77:24 
 
    at http://localhost:8888/IIIRef/app/shared/angular.min.js:131:20(anonymous function) @ angular.min.js:118(anonymous function) @ angular.min.js:90(anonymous function) @ angular.min.js:131$eval @ angular.min.js:145$digest @ angular.min.js:142$apply @ angular.min.js:146l @ angular.min.js:97J @ angular.min.js:102t.onload @ angular.min.js:103

私がquery()メソッドを試しても、IDなしでget()メソッドと同じようにうまく動作します。また、私はAPIが単一のIDのために働くことを知っています - 私はこれを直接テストしました。可能なのですが、角度の異なるバージョンにngResourceファイルを使用していますか?

+0

エラーはperson.get行で発生します。 – WaterBoy

答えて

2

問題は互換性の問題でした。私は、ngResourceとangularjsのファイルのバージョンを使用して

<script type="text/javascript" src="shared/angular.min.js"></script> 
 
\t <script type="text/javascript" src="shared/angular-resource.min.js"></script>

、すなわちしかし、私はのGoogle APIから直接それらを得るためにこれらの切り替え時に、問題が消えた:

\t <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.7/angular.js"></script> 
 
\t <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.7/angular-resource.js"></script>

関連する問題