Угловая не может вернуть JSon содержание объекта

Question

Я пытаюсь получить содержимое файла JSON в объект

var myApp = angular.module('AngularPortfolio', []); 

myApp.config(function($interpolateProvider) { 
    $interpolateProvider.startSymbol('{[{').endSymbol('}]}'); 
}); 

myApp.controller('AppCtrl', ['$scope', '$http', function($scope, $http){ 
    $scope.projects = {}; 
    $http.get('../bundles/xxxxxxxxxx/portfolio/data.json') 
    .success(function(data) { 
     $scope.projects = data; 
    }) 
    .error(function(data) { 
     console.log('ERREUR'); 
    }); 
}]); 

(редактировать последнее сообщение) Мой JSON файл:

[ 
    { 
     "title": "example 01", 
     "img" : "1.jpg", 
     "filters" : { 
      "accompagner" : "communication corporate", 
      "solutions" : "digital" 
     } 
    }, 
    { 
     "title": "example 02", 
     "img" : "2.jpg", 
     "filters" : { 
      "accompagner" : "communication financiere", 
      "solutions" : "strategies et dispositifs" 
     } 
    }, 
    { 
     "title": "example 03", 
     "img" : "3.jpg", 
     "filters" : { 
      "accompagner" : "communication rse et developpement durable", 
      "solutions" : "design et identite" 
     } 
    } 
] 

(редактировать последнее сообщение) и моя нг-повторить код:

<div ng-repeat="item in projects"> 
      <img src="../bundles/xxxxxxxx/uploads/{[{item.img}]}" alt="{[{item.title}]}"> 
      <h3>{[{item.title}]}</h3> 
     </div> 

Этот код возвращает данные как строки и я не могу использовать это в нг-повтора. Вы можете мне помочь?

Большое спасибо

Answer 1

зависит от вашего общего JSON файла было бы так, если это ваш окончательный JSON выход, если нет, пожалуйста, поделитесь своими окончательный JSON который вы получаете в контроллере.

<div ng-repeat="item in projects track by $index"> 
      <img ng-src="../bundles/xxxxxxxx/uploads/{{item.img}}" alt="{{item.title}}"> 
      <h3>{{item.title}}</h3> 
     </div>