在AngularJS中加载多个JSON文件

时间:2016-04-04 15:04:21

标签: html angularjs json

我有两个不同的JSON文件,它们具有相同的属性。我可以通过在我的服务中使用两个承诺来加载它们,但是当我使用HTML并尝试显示我的数据时,它们显示相同的内容。

这是我的服务:

$http.get("data.json");

            //User JSON api
            $http.get("data1.json")
                .then(function (response) {
                        dataRecievedCallback(response.data);
                    }

我应该将$ http.get分配给变量,如果是,我该怎么做?我需要更改控制器中的任何内容吗? 我还没有编写很长时间的编码,而且我对角度很新,所以所有的帮助都很受欢迎。

1 个答案:

答案 0 :(得分:1)

$http.get("data.json")
      .then(function (response) {
           $scope.foo = response.data;
       }
$http.get("data1.json")
      .then(function (response) {
           $scope.bar = response.data;
       }

不确定您的" dataRecievedCallback()"函数,如果你的函数将数据设置为同一个变量,第二个$ http调用将覆盖第一个。