.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](https://stackoverflow.com/questions/47206924/angular-5-service-to-read-local-json-file) — Michael Doye, Jun 11 '18 at 11:15

score 3 · Accepted Answer · answered Jun 11 '18 at 11:16

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 '18 at 11:16

Piero

1,638
1
13
14

I'd asked to moved `.json` to `assets` since it is going to be static asset ;) +1 – Pankaj Parkar Jun 11 '18 at 11:18

score 0 · Answer 2 · answered Jun 11 '18 at 11:11

0

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

answered Jun 11 '18 at 11:11

Saksham Gupta

620
6
14

Which file contains this function? – Saksham Gupta Jun 11 '18 at 11:13
app.component.ts – Jan van Bergen Jun 11 '18 at 11:14
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 – Eliseo Jun 11 '18 at 11:16

.json file not recognised using http.get?

2 Answers2