イオンと角：jsonは表示されません

Question

私は角度の付いたイオンアプリと、表​​示したいjsonファイルを持っています。ここで

は、私は私のWWWフォルダ内に持っているものです：あなたはそれをタブでアプリです見ることができるように

--css 
--img 
--js 
----app.js 
----controller.js 
--lib 
--map 
----dep.json 
--vendors 
index.html 

ここに私のindex.htmlを

<!-- your app's js --> 
<script src="js/app.js"></script> 

<script src="js/controller.js"></script> 

<!-- svg map stuff --> 
<link href="vendors/map/jqvmap.css" media="screen" rel="stylesheet" type="text/css" /> 

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script> 
<script src="vendors/map/jquery.vmap.js" type="text/javascript"></script> 
<script src="vendors/map/jquery.vmap.france.js" type="text/javascript"></script> 
[...] 
<script id="templates/map.html" type="text/ng-template"> 
    <ion-view view-title="Map"> 
    <ion-content class="padding"> 
     <div class="bar bar-header item-input-inset"> 
     <label class="item-input-wrapper"> 
      <i class="icon ion-ios-search placeholder-icon"></i> 
      <input type="search" placeholder="Recherchez une ville, un code postal" ng-model="query"> 
     </label> 
     <button class="button button-clear"> 
      Cancel 
     </button> 
     </div> 
     <div ng-controller="CustomerController"> 
     <div id="francemap"style="width: 500px; height: 500px;"></div> 
     <button type="button" ng-click="myName('Mowso')"> Click Me :) </button> 
     </div> 
     <div class="list-dep" ng-controller="DepListCtrl"> 
     <!--Body content--> 

     <ul class="deps"> 
      <li ng-repeat="dep in deps | filter:query"> 
      <p>{{dep.code}} - {{dep.name}}</p> 
      </li> 
     </ul> 

     </div> 
    </ion-content> 
    </ion-view> 
</script> 

の似て非なるです。最初にデータをcontroller.jsに入れましたが、今はそれらをjsonファイルに入れたいのですが、もうスクリーンに表示されません。私controller.jsは、次のようになります。

'use strict'; 

/* Controllers */ 

var map = angular.module('ionicApp'); 

/*map.controller('DepListCtrl', function($scope) { 
    $scope.deps = [ 
    {'code': '01', 'name': 'Ain'}, 
    {...}, 
    {'code': '974', 'name': 'Réunion'} 
    ]; 
});*/ 

map.controller('DepListCtrl', ['$scope', '$http', function($scope, $http) { 
    $http.get('map/deps.json').success(function(data) { 
     $scope.dep = data; 
     console.log(data); 
    }); 
}]); 

そして、私が持っているすべてのデータは、（私は基本的に、彼らは同じですが、私は前にやったことを追跡するために、コントローラにそれらをコメントし、私のJSONファイルでありますより多くのインデントを持つjsonで）。

私はnodejsを昨日更新しましたが、データが消えたのを見て、私はv4-4-4に戻ります。私は何のコンソールエラー（私は私の地図フォルダ、私の馬鹿に私のjsonを入れていないため、私は1つを持っていた）とconsole.log（データ）私のコントローラの私のdeps。

どうしたのですか？

Answer 1

あなたは、コントローラの$ scope.depでプロパティの名前の代わりに、dataオブジェクトは、あなたが実際にJSONでdata.dataでHTTPステータスのような、ヘッダなどに他の情報を返すので、それはおそらくです$ scope.deps

Answer 2

あなたのパスにはおそらくエラーがあります。あなたは使用する必要があります。

$http.get('./map/deps.json').success(function(data) { 
    $scope.dep = data; 
    console.log(data); 
}); 

そして、あなたのソースツリーにあなたはdep.jsonを持っているし、あなたのコントローラにあなたはdeps.jsonを持っています。それらも正しいことを確認してください。

Answer 3

欲しいです。