使用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文件            

            标题URL：http://bjjierui.cn/article/jogecj.html
        
    
    

        
其他资讯
        

            

                    阿里云服务器能访问google 阿里云服务器可以访问谷歌吗
                

                    包含sap系统的五大模块的词条
                

                    路由器被挟持了 路由器被劫持怎么修复
                

                    阿里云服务器一般打几折 阿里云服务器大概多少钱
                

                    关于sap系统购入固定资产的信息
                
        
    


    
建站热线：13518219792
    


    微信扫一扫在线咨询 
    
QQ客服：  
    
案 例
    
价 格
    



    

        
Copyright © 2012-2020 网创优客信息咨询 版权所有  蜀ICP备2023009085号-7

            手机:13518219792 QQ:631063699 地址：成都市青羊区锣锅巷31号  邮编:610000 Email:wh@cdxwcx.com


            成都网络公司-网创优客建站品牌专注成都网站建设、成都网站设计服务，为成都公司建设高品质的网站