javascript - AngularJs读取json文件

Question

我有一棵用 json 动态创建的树。有一个 Controller ，在这个 Controller 中有一个 json 数组。我使用这个 json 来创建一棵树，但我需要从外部文件读取这个 json。

我的 Controller ；

..........
$scope.myjson = 
{       
    "option1": [
        {   
            "child":[{"label":"Test1" },{"label":"Test2"}],
            "id": "option1"

        }
    ],

"option2": [
        {   
            "child":[{"label":"Test1.1",}],
            "id": "option2"
        }
    ],
   ...........
   }

Json数组读取部分(在 Controller 中);

angular.forEach($scope.myjson, function(value, key) 
        {
         if (key === 'option1') 
                {
                for(var t=0;t<$scope.myjson[key][0].child.length;t++)
                    {
                     ......Somethings.........
                     }
                 }

我想调用json文件并读取它来创建一棵树。我如何调用json文件并在angularjs中读取？

Answer 1

使用 $http 在 Angular 中读取 JSON 非常简单。请记住，$http 将返回一个 promise ，您需要在处理之前解决它。

这里是一个示例代码:

$http.get('assets/messages.json').then(function (data) {
            /** work with data **/
});