读取AngularJS中的本地文件

时间:2014-02-05 21:53:33

标签: json angularjs requirejs-text

我曾经使用RequireJS和Backbone,并使用requirejs/textrequirejs-plugins加载我通常用于配置的本地json文件。

如何使用AngularJS实现相同的目标?

每个人似乎都建议使用$ http,但这是唯一的方法吗? 如果我有20个配置文件,我真的需要拨打20个电话吗?

ng-constant之类的东西可能是“首选”方式吗?

3 个答案:

答案 0 :(得分:8)

这就是我所做的。但它使用$ http,所以我希望有人有更好的解决方案。

app.js:

var myModule = angular.module('myApp', []);

myModule.config(function($routeProvider, $locationProvider) {
    $routeProvider.when('/', {
        templateUrl: 'html/home.html',
        controller: 'MainCtrl as ctrl',
        resolve: {
            initializeData: function($q, $timeout, myService) {
                return myService.promiseToHaveData();
            }
        }
    });
});

myService.js:

var myModule = angular.module('myApp');

myModule.service('myService', function($http, $q) {
    var _this = this;

    this.promiseToHaveData = function() {
        var defer = $q.defer();

        $http.get('someFile.json')
            .success(function(data) {
                angular.extend(_this, data);
                defer.resolve();
            })
            .error(function() {
                defer.reject('could not find someFile.json');
            });

        return defer.promise;
    }
});

然后我可以在任何地方注入myService,它将包含json文件中的所有字段。

我猜你也可以制作.json文件.js文件,让它们公开一个全局变量,并在index.html中引用它们

答案 1 :(得分:7)

你能使用jQuery的getJSON函数吗?

例如:

$.getJSON("config-1.json", function( data ) {
    // do whatever you want
});

答案 2 :(得分:2)