如何用angularjs获取本地JSONB文件
来源:互联网 发布:网络机顶盒浏览器下载 编辑:程序博客网 时间:2024/06/09 19:35
下面是goods_information.json文件的内容,它包含的就是简单的JSON串:
[{"classification":"饮料","name":"可口可乐","price":"3","unit":"瓶"},{"classification":"饮料","name":"雪碧","price":"3","unit":"瓶"},{"classification":"水果","name":"苹果","price":"5.5","unit":"斤"},{"classification":"水果","name":"荔枝","price":"15","unit":"斤"},{"classification":"生活用品","name":"电池","price":"2","unit":"个"},{"classification":"食品","name":"方便面","price":"4.5","unit":"袋"}]
注意:对象的属性名必须使用双引号
使用$http.get方法获取JSON文件
<!DOCTYPE html><html ng-app="myApp"><head lang="en" > <meta charset="UTF-8"> <title>demo</title> <script src="../js/angular.min.js"></script></head><body ng-controller="demoCtrl"><table> <tr ng-repeat="item in goods_informations"> <td>{{item.classification}}</td> <td>{{item.name}}</td> <td>{{item.price}}</td> <td>{{item.unit}}</td> </tr></table><script> var app=angular.module('myApp',[]) app.controller('demoCtrl', function($scope,$http) { $http.get('../js/goods_information.json').success(function(data){ $scope.goods_informations = data; }) })</script></body></html>
0 0
- 如何用angularjs获取本地JSONB文件
- 如何用JS 获取本地文件夹的文件列表
- 如何用批处理获取本地磁盘中的指定文件的路径
- ubuntu中如何用chrome浏览器播放本地flash文件
- 如何用C语言获取文件的大小
- 如何用C语言获取文件的大小
- 如何用C语言获取文件的大小
- 问如何用文件
- 如何用AngularJS构建管理后台
- 有jQuery背景如何用AngularJS思考
- 如何用AngularJS构建管理后台
- 如何用AngularJS使用ECharts画图
- 如何用javascript获取UUID
- 如何用java拷贝本地文件夹
- 如何用java拷贝本地文件夹
- 如何用java拷贝本地文件夹
- 如何用TortoiseSVN管理本地文档
- 如何用yum安装本地rpm包
- 机器学习技能树
- js中判断对象具体类型
- ssh框架下的ajax异步文件上传
- Remote Desktop Connection for mac 报错:证书或相关链无效。
- gradle 安装错误:JAVA_HOME is set to an invalid directory: /usr/lib/jvm/default-java
- 如何用angularjs获取本地JSONB文件
- 路由器上再连接一个无线路由器的方法
- 微信小程序全套使用指南
- <input>的type属性
- DEDECMS转移服务器后台之“模块管理”空白问题
- FFT算法学习笔记
- logrotate机制和原理
- css创建鼠标悬停下拉菜单样式
- GlusterFS架构与维护