如何用angularjs读取本地json

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何用angularjs读取本地json相关的知识,希望对你有一定的参考价值。

参考技术A 用angularjs读取本地json的方法如下:
1、本地json文件的内容如下:
[ "text":"learn angular", "done":true ,
"text":"build an angular app", "done":false,
"text":"something", "done":false ,
"text":"another todo", "done":true ]

2、利用angularjs读取的方法:
var App = angular.module('App', []);
App.controller('TodoCtrl', function($scope, $http)
$http.get('todos.json')
.then(function(res)
$scope.todos = res.data;
);
);
参考技术B 很明显你是理解错了执行的先后顺序,你这样测试下:
$scope.callback=function()
console.log($scope.phones)//输出undefined
console.log(test)//输出空Object


var test=new Object();
$http.get('phones/phones.json').success(function(data)

$scope.phones = data;
test = data;
console.log($scope.phones)//正常输出JSON对象
console.log(test)//正常输出JSON对象
$scope.callback();//换句话就是,ajax请求如果你没设定同步的话,请求后面定义的代码会先执行
);

如何用js遍历本地文件

我在本地有一个主(根)文件夹,主文件夹里有一个index.html,主文件夹里面包含分类文件夹,每个文件夹里面都有很多html文件,如何用js在index.html中为分类文件夹中的html创建超链接,并且在分类文件家中添加新的html的时候js会自动为新的文件在index.html中创建超链接

由于安全问题,js是无法自动读取操作本地文件的,否则你浏览一个网页,你本地电脑的文件岂不是都暴露了……
即使是你上传,选择文件的时候,也是给你的一个虚拟文件路径,并不能获取到文件的路径等信息。
参考技术A 觉得你必须提供server,能够返回html路径列表,然后用js定时异步查询 参考技术B 如果JS可以在浏览器里面任意访问用户的本地文件,那么网站岂不是可以随便修改用户的本地文件,那么浏览器安全性何在?用JS遍历本地文件,别想了啊。
当然如果你用本地的网页,想访问本地的路径,再使用Chrome的话,这个是可以的。如果你是这样的情况,你再追问我,我告诉你怎么搞。
或者你可以告诉我,你的需求是咋样的,是有server,你要遍历浏览器端的本地文件,还是有server,你要遍历server的文件,还是没有server,文件,网页都是本地的。我在告诉你怎么搞,首先:有server,你要遍历浏览器端的本地文件,这个你别想了,做不到的。另外两种都可以做到。追问

我不是做网站,我是用hta做一个读文本的文件,用的时候我会关闭安全软件,目的是用脚本给新加入的html文件自动创建一个链接,就是放到资源文件夹一个html然后脚本会自动根据html的相对路径创建一个连接

追答

我擦,早说是HTA啊,这玩意我不会玩,您另请高明吧。

追问

支持ie就好在家30分可以吗

追答

HTA我不会玩的啊,没法回答你的问题的。

以上是关于如何用angularjs读取本地json的主要内容,如果未能解决你的问题,请参考以下文章

如何用javascript操作本地文件

如何用javascript操作本地文件

本地txt文件有url、phone、pwd,如何用python读取,并且用requests发送请求?

如何用angularjs控制check box

AngularJS - 如何用 ng 样式替换框阴影的颜色?

如何用java读取excel文件