Read a file from JQuery inside AngularJS

Question

Hi I'm a beginner at programming. I'm trying to put data from a json file into a variable

I want to have AngularJS put text into a html document like this

{{ data.text }}

And the text is based off of a json file I have in the app.js, so I set data using JQuery:

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

But nothing shows up initially. When I log $scope.data, it turns out to be undefined. But I know that my json file is correct because if I put all this code in some method that is called like

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

and have some button activate this, it'll work fine. But I want this to be there initially.

Why you use $.getJSON? Why not $http?

strelok2010
– strelok2010

2014-06-02 01:59:21 +00:00
Commented Jun 2, 2014 at 1:59 — strelok2010
– strelok2010, Commented Jun 2, 2014 at 1:59

Jiang Nan · Accepted Answer · 2014-06-02 02:00:56Z

1

try

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

then it load file from web http://xxx/static/file.json, not file system.

answered Jun 2, 2014 at 2:00

Jiang Nan

522 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Read a file from JQuery inside AngularJS

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related