从AngularJS中的JQuery读取文件

时间:2014-06-02 01:53:06

标签: javascript jquery json angularjs

嗨,我是编程初学者。我试图将json文件中的数据放入变量

我想让AngularJS将文本放入像这样的HTML文档中

{{ data.text }}

该文本基于我在app.js中的json文件,因此我使用JQuery设置数据:

myApp.controller('Ctrl', function ($scope, $http) {
 $.getJSON("../static/file.json", function(data) {
   $scope.data = data;
 });

但最初没有出现任何事情。当我记录$ scope.data时,结果是未定义的。但是我知道我的json文件是正确的,因为如果我将所有这些代码放在一个名为

的方法中
$scope.foo = function(){$.getJSON("../static/file.json", function(data) {
       $scope.data = data;
     });}

并有一些按钮激活它,它会正常工作。但我希望这最初能够存在。

1 个答案:

答案 0 :(得分:1)

尝试

$.getJSON("/static/file.json", function(data) {
   $scope.data = data;
});

然后它从网络http://xxx/static/file.json加载文件,而不是文件系统。