Warum funktioniert mein $ http nicht?

Question

Ich erstelle eine App und eine Notwendigkeit außerhalb und Array mit json Daten setzen, funktioniert aber nicht. Im www-Ordner erstelle ich einen Ordner, in dem alle meine json Dateien gespeichert werden. Ich bin neu in dieser Sache.

.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-Datei:

[ 
    { 
     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

Ihre json ist in einem schlecht Format und es wird Ihre $http Anfrage nicht machen. Sie können validate your json here.

Ihre Json wie diese Änderung (Bsp. Verwenden Sie "img/cafe_1.jpg" statt 'img/cafe_1.jpg')

{ 
    "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" 
    } 
}