Reading data.json with HttpClient on Stackblitz?

Question

I have a tiny demo and it attempts to read app/data.json using the Angular HttpClient.

const post$:Observable = 

        

Answer 1

Currently, you can't get the JSON directly over HTTP, but you can import it instead

data.json

it returns resource of index.html instead of the data you expected

---

online example

import { of } from 'rxjs';
import data from './data.json';

export class AppComponent  {
  constructor(http:HttpClient) {

  }

  ngOnInit(){
    const post$ = of(data);
    post$.subscribe(console.log);
  }
}