.json file not recognised using http.get?

Question

I'm trying to access input data that's stored inside of a .json file but for some reason my path isn't recognised:

This method runs when data is requested:

    getData() {
  console.log('this is working');
  this.http.get('src/app/inputs/inputs.json')
  .subscribe(
    (data: any) => {
      console.log('this is working');
      console.log(data.text());
     }
   );
  }
}

This is my folder structure:

I am able to add the data whenever a separate button is clicked, just retrieving it is where I get stuck.

Possible duplicate of Angular 5 Service to read local .json file — Michael Doye
– Michael Doye, Commented Jun 11, 2018 at 11:15

Piero · Accepted Answer · 2018-06-11 11:16:22Z

3

I think you have to add your inputs folder in the assets section of angular.json eg

"assets": [
  "src/assets",
  "src/inputs",
  "src/favicon.ico"
]

then access your data through

this.http.get('inputs/inputs.json')

answered Jun 11, 2018 at 11:16

Piero

1,7361 gold badge13 silver badges15 bronze badges

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

1 Comment

Pankaj Parkar Over a year ago

I'd asked to moved .json to assets since it is going to be static asset ;) +1

Saksham Gupta · Accepted Answer · 2018-06-11 11:11:39Z

0

Try this.http.get('./inputs/inputs.json')

answered Jun 11, 2018 at 11:11

Saksham Gupta

6286 silver badges14 bronze badges

3 Comments

Saksham Gupta Over a year ago

Which file contains this function?

Jan van Bergen Over a year ago

app.component.ts

Eliseo Over a year ago

If you're using angular-cli, you must put your file.json in the assets/folder. Angular-cli cleate a index.html, style.css and severals .js and copy all the files in folder assets

Collectives™ on Stack Overflow

.json file not recognised using http.get?

2 Answers 2

1 Comment

3 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

3 Comments

Linked

Related