スライダ角度のng-repeat/ng-srcは動作しません

Question

角度マテリアライズのスライダを作成しようとしました。http://krescruz.github.io/angular-materialize/と表示されています。スライダのコードをdivに配置するように指示しています。 angular-materialize.js。

home.html：

<div class="slider fullscreen z-depth-1" slider> 
<ul class="slides"> 
    <li> 
     <img src="assets/img/illustration/parsprototo/ppt2.jpg"></img> 
    </li> 
    <li> 
     <img src="assets/img/illustration/kenmeri/kenmeri_marker.jpg"></img> 
    </li> 
    <li> 
     <img src="assets/img/illustration/bagua/BG1.jpg"></img> 
    </li> 
</ul> 

完璧に取り組んでいます。

今、私はng-repeatを試して、ng-srcを使用してJSONからデータを取得したいと思います。 ngのリピートとngのSRCと

home.html

<div class="slider fullscreen z-depth-1" slider> 
    <ul class="slides"> 

     <li ng-repeat="slide in slidesData"> 
      <img ng-src="{{slide.image}}"></img> 
     </li> 
    </ul> 
</div> 

働いていません。

controller.js

var appControllers = angular.module('appControllers', []); 
appControllers.controller('HomeController', ['$scope', '$http', 
    function ($scope, $http){ 
     $http.get('assets/json/home.json').success(function(data){ 
      $scope.slidesData = data; 
     }); 
    } 
]); 

home.json

[ 
    { 
     "image" : "assets/img/illustration/mudra/mudra1.jpg", 
     "headingText" : "This is our big Tagline! 1", 
     "sloganText" : "Here's our small slogan." 
    }, 
    { 
     "image" : "assets/img/illustration/parsprototo/ppt2.jpg", 
     "headingText" : "This is our big Tagline! 2", 
     "sloganText" : "Here's our small slogan." 
    }, 
    { 
     "image" : "assets/img/illustration/kenmeri/kenmeri_marker.jpg", 
     "headingText" : "This is our big Tagline! 3", 
     "sloganText" : "Here's our small slogan." 
    }, 
    { 
     "image" : "assets/img/illustration/bagua/BG1.jpg", 
     "headingText" : "This is our big Tagline! 3", 
     "sloganText" : "Here's our small slogan." 
    } 
] 

何間違っているだろうか？前にありがとう。

EDIT

新しいcontroller.js

var appControllers = angular.module('appControllers', []); 
appControllers.controller('HomeController', ['$scope', '$http', '$log' , 
    function ($scope, $http, $log){ 
     $http.get('assets/json/home.json').success(function(data){ 
      $scope.slidesData = data; 
      $scope.$log = $scope.slidesData ; 
     }); 
    } 
]); 

私は、それがロードされる場合は$ scope.slidesDataにJSONを書くことcontroller.jsを変更したが、何も私のコンソールに書き込まれません。 :(

なしエラーはどちらか。

EDIT

コンソールは、私がconsole.log($scope.slidesData)

the console looks like this

Answer 1

に変更すると、私はあなたがローカルディレクトリからロード・データを持っていることを願っています働いた。でしたあなたは 'assets/json/home.json'のパスをチェックしてください。それ以外の場合は、フォルダ構造を共有することができます。私はこのことについてお手伝いします。