How to load data from local Json file using http get?

Question

I am trying to load data from local json file. I have provided the reference as shown below in screen shot. But when i run the app on localhost i get the error: 404 not found.

getMainCategory():Observable<MainCategory>{

  return this.http.get("./providers/mainCategory.json")
    .map(res=>res<MainCategory[]>(res.json().items))

}

Please share the code if possible and missing the screenshot here — Nitesh Goyal
– Nitesh Goyal, Commented Nov 16, 2016 at 10:49
hey try my answer, you just store data in variable and return that variable. — Sangram Badi
– Sangram Badi, Commented Nov 16, 2016 at 10:57

Sangram Badi · Accepted Answer · 2016-11-16 11:16:16Z

3

remember to inject $http. i have store json file in data folder

function loadBranch(){
        $http.get('data/branchList.json').success(function(response){

            vm.branchs = response;
        })
    }

branchList.json

[
  {
    "name":"sam"
  }
]

NOTE: check your json file path. i think your program couldn't able to get path

edited Nov 16, 2016 at 11:16

answered Nov 16, 2016 at 10:50

Sangram Badi

4,30412 gold badges50 silver badges86 bronze badges

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

8 Comments

Sunil Lama Over a year ago

your code is not relevant to OP. Furthermore he has already injected http service. Its possibly his path problem

Sangram Badi Over a year ago

ya, i think his program couldn't able to get file

Amir Over a year ago

main problem is it cannot find the file on the path i provided.

Amir Over a year ago

It worked for me after i placed json file inside root folder www. Thanks for your suggestions..

Sangram Badi Over a year ago

so it is working when you put total path right ? if you put your mainCategory.json inside app folder then it will sure work, ex- http.get("mainCategory.json"). then no need to put absolute path.

|

Collectives™ on Stack Overflow

How to load data from local Json file using http get?

1 Answer 1

8 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

8 Comments

Your Answer

Sign up or log in

Post as a guest

Related