Question

我尝试使用角度ngResource模块从json文件中获取数据，但是我在控制台上收到错误404 - 在调用get函数之后，URL与代码连接在一起。

这是错误：

localhost前缀/ test_data / data.json / function％20（数据）％20％7B％20％20％20％20％20％20％20％20％20％20％20％20console.log（数据）;％20％20％20％20％20％20％20％20％7D

这是我使用的代码：

json服务 -

angular.module('jsonServices',['ngResource']).factory('JsonService', 
    function ($resource) { 
    return $resource('/test_data/data.json'); 
});

使用该服务的控制器：

angular.module('myApp.controllers')
.controller('mainController', function ($scope, JsonService) {
        JsonService.get(function (data) {
            console.log(data);
        });
});

启动它的app js：

angular.module('myApp',['myApp.controllers','jsonServices','ui.router'])
.config(function($stateProvider, $urlRouterProvider){
    $stateProvider.state('home',{
        url:'/home',
        template:'some template path goes here',
        controller:'mainController'
    };
});

正如您所见，＆＃34;功能（数据）＆＃34;正在作为字符串添加到URL。还有一件事是当我尝试访问浏览到其位置的json文件时，我可以看到json文件的内容OK。

有没有人之前遇到过这个问题并找到解决方法？我在这里做错了什么或遗失了吗？

谢谢，

叶兰

Answer 1

发现问题，似乎我使用了bower包调用ng-resource而不是angular-resource。

使用角度资源读取json文件时出错

1 个答案: