私の$ httpはなぜ機能していないのですか？

Question

私はアプリを作成しており、外側に配置し、jsonデータを使用して配列を配置しますが、機能しません。私はすべての私のjsonデータファイルを置くためにフォルダを作成します。私はこのことの中で新しいです。

.controller('cafeteriaCtrl', function($scope, $ionicModal, produtoService, $http) { 

$http.get('appdata/cafes.json').success(function (data) { 
     // The json data will now be in scope. 
     $scope.items = data; 
    }); 
}) 

JSONファイル：

[ 
    { 
     nome: "Cafe Expresso", 
     preco: 1.00, 
     subtotal: 1.00, 
     qntd: 1, like: 0, 
     descricao: "O mais delicioso e fresco cafe para voce começar sua manhã, ou dar aquela energia para o resto do seu dia", 
     img:'img/cafe_1.jpg' 
    }, 
    { 
     nome: "Cafe com leite", 
     preco: 1.20, 
     subtotal: 1.20, 
     qntd: 1, 
     like: 0, 
     descricao: "Do mais delicioso cafe fresco moido na hora não tem como não adicionar leite para ficar mais muito mais delicioso", 
     img: 'img/cafe_2.jpg' 
    } 
] 

Answer 1

あなたのJSONは悪い形式であり、それはあなたの$http要求は失敗になります。あなたはvalidate your json hereです。

次のように（例を。代わりに 'img/cafe_1.jpg'の "img/cafe_1.jpg"を使用してください）あなたのJSONを変更

{ 
    "cafe1": { 
     "nome": "Cafe Expresso", 
     "preco": 1.00, 
     "subtotal": 1.00, 
     "qntd": 1, "like": 0, 
     "descricao": "O mais delicioso e fresco cafe para voce começar sua manhã, ou dar aquela energia para o resto do seu dia", 
     "img":"img/cafe_1.jpg" 
    }, 
    "cafe2": { 
     "nome": "Cafe com leite", 
     "preco": 1.20, 
     "subtotal": 1.20, 
     "qntd": 1, 
     "like": 0, 
     "descricao": "Do mais delicioso cafe fresco moido na hora não tem como não adicionar leite para ficar mais muito mais delicioso", 
     "img": "img/cafe_2.jpg" 
    } 
}