为什么我的 $http 不工作？

Question

我正在创建一个应用程序，需要使用 json 数据将其放在外部和阵列中，但无法正常工作。在 www 文件夹中，我创建了一个文件夹来放置我所有的 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.

像这样更改您的 json（例如，使用 "img/cafe_1.jpg" 而不是 '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"
    }
}

为什么我的 $http 不工作？

Why my $http is not working?

json

angularjs

ionic-framework

ionic2