使用AngularJS怎么读取JSON文件

/*js*/
var app=angular.module("routingDemoApp",[]);
app.controller("AjaxJson",function($scope,$http){
 $scope.LoadJson=function(){
  $http.get("json.json")
   .success(function(data){
    $scope.products = data;
   })
   .error(function(){
    alert("出错")
   });
 };
});
app.controller("AjaxXml",function($scope,$http){
 $scope.LoadXml = function(){
  $http.get("xml.xml")
   .success(function(data){
    $scope.products = [];
    var productsElements = angular.element(data.trim()).find("product");
    for(var i=0;i
/*json*/
[
 {"name":"apple","category":"fruit","price":"1.5","expiry":10},
 {"name":"banana","category":"fruit","price":"1.3","expiry":14},
 {"name":"pears","category":"fruit","price":"1.2","expiry":15},
 {"name":"tuna","category":"fish","price":"1.0","expiry":16}
]
/*xml*/

 
 
 
 
JSON:
1）配置对应的控制器，将scope和http服务注入该控制器中。
2）使用$http.get()，把将要读取的数据文件的url写入。
3）使用回调函数，成功时，将所得的data赋给$scope作用域下的变量products。
4）由前台使用no-repeat指令进行遍历逐一取出数据。
XML：
1）配置对应的控制器，将$scope和http服务注入该控制器中。
2）使用$http.get()，把将要读取的数据文件的url写入。
3）使用回调函数，在success里面进行成功读取XML数据时的操作。
4）定义一个$scope创建的作用域下的（也就会前台可以访问）数组变量products，后面会将读取到的数据逐一插入到里面。
5）定义一个数据变量productElements，将XML文件里面的 里的信息赋值给他。这里使用了trim()方法，原因是使用JS读取XML文件时前后会出现许多空字符。trim()方法可以将空字符去除。
6）使用for循环，将变量productElements里面每个 的内容都插入到之前定义好的数组变量products里面。
7)由前台使用no-repeat指令进行遍历逐一取出数据。
关于使用AngularJS怎么读取JSON文件问题的解答就分享到这里了，希望以上内容可以对大家有一定的帮助，如果你还有很多疑惑没有解开，可以关注创新互联行业资讯频道了解更多相关知识。
            
            
                            

                分享文章：使用AngularJS怎么读取JSON文件                

                网站链接：http://dzwzjz.com/article/jogecj.html
            
        
        

            
其他资讯
            

                

                    

                            php网站数据库源码,数据库PHP
                        

                            怎么把oracle进行备份,oracle存储过程怎么备份
                        

                            手机安装macos系统的简单介绍
                        

                            如何查oracle安装,查看电脑是否安装oracle
                        

                            c语言中怎么用sin函数,c语言怎么调用sin函数
                        
                
            
        
    



    

        

            

                

                

                    
分享至：
                    

                        
                        
                        
                        
                    
                    
                
            
            

                

                    
关于我们
                    

                        公司简介
                        发展历程
                    
                
                

                    
服务项目
                    

                        高端网站建设
                        小程序开发
                        APP开发
                        网络营销
                    
                
                

                    
建站知识
                    

                        行业新闻
                        建站学堂
                        常见问题
                    
                
                

                    
联系我们
                    

                        公司地址
                        人才招聘
                    
                
            
            

                

                    成都
                    达州
                
                

                    

                        

                            

                            
电话：028-86922220
                        
                        

                            

                            
地址：成都市太升南路288号锦天国际A幢1002号
                        
                    
                    

                        

                            

                            
电话：028-86922220
                        
                        

                            

                            
地址：达州市南岸区弹子石腾龙大道58号2栋21-6
                        
                    
                
            
        
        

            友情链接：
            成都二枢机房   美美搬家   大英泰恒网站   品牌官网设计   铁科精智测控   教育网站设计方案   光华机房服务器托管   成都app制作   王君美油画   德阳做网站           
    
    
版权所有：青羊区大橙子信息咨询工作室
        蜀ICP备2022028542号-14
    




    
        

            

            
在线咨询
        
    
    
        

            

            
服务热线
        
        
服务热线：028-86922220
    
    
        

            

            
TOP