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无效？

1 个答案: