angularjs 读取json

service文件

app.service("name",function($http,$q){

    var def = $q.defer();         //通过def的状态来判断这个过程进行到那一步

    var promise = def.promise;  //通过promise来实现异步操作

    $http({                                               //通过$http来读取json文件,method读取方法,url读取路径

        method:"GET",                             //$http(),then(function(success){},function(failure))

        url:"路径"    

}).then(function(res){

            def.resolve({

                data : res.data                  //通过改变promise状态变为完成后,将json的数据传递出来

            });

        },function(fail){

            def.reject();

        })

   return promise;              //通过传递promise,在script中进行异步操作

})


script文件

app.controller("myCtr",function($scope,name){

    name.then(function(suc){        //实际的异步操作在scriot中进行,通过promise中的then函数,当成功时执行前函数,否则                                                       执行后面的函数

        $scope.items = name.data

    },function(fail){

        console.log("error");

        console.log(name.data);

    })

}

猜你喜欢

转载自blog.csdn.net/qq_34023881/article/details/80090308
今日推荐