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

Question

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

这是错误：

localhost 前缀/test_data/data.json/function%20(data)%20%7B%20%20%20%20%20%20%20%20%20%20%20%20console.log(data );%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);
        });
});

启动这一切的应用程序 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'
    };
});

如您所见，“函数（数据）”作为字符串添加到 url。还有一件事是当我尝试访问 json 文件浏览到它的位置时，我可以看到 json 文件的内容 OK。

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

谢谢，

伊兰

Answer 1

发现问题了，好像我用了bower包调用ng-resource而不是angular-resource。