Question

我正在关注this example，在我的场景中，我想从JSON文件而不是本地数据中获取数据。给定

    function store() {
       this.products = [
           new product("APL", "Apple", "Eat one every day to keep the doctor away!", 12, 90, 0, 2, 0, 1, 2),
           new product("AVC", "Avocado", "Guacamole anyone?", 16, 90, 0, 1, 1, 1, 2)
       ];
    }

    store.prototype.getProduct = function (sku) {
        for (var i = 0; i < this.products.length; i++) {
            if (this.products[i].sku == sku)
                return this.products[i];
        }

        return null;
    }

我有一个名为“Product.json”的简单文件，我希望从那里拉取所有数据，不做任何其他更改。

Answer 1

如果您已经有products.json文件，则可以使用angular $ http服务来检索数据。像这样：

$http.get('products.json').success(function(data){
   $scope.products = data;
});

编辑：在您的情况下，您必须将从get请求中检索到的数据分配给store.products数组。

$http.get('Products.json').success(function(data) {
    store.products = data;
});

从JSON获取数据并将其作为参数传递给AngularJS中的函数

1 个答案: