angular http json file code example

Example 1: angular load json file with httpclient

import { HttpClient } from '@angular/common/http'; 
import { Observable } from 'rxjs';

@Injectable()
export class AppSettingsService {

   constructor(private http: HttpClient) {
        this.getJSON().subscribe(data => {
            console.log(data);
        });
    }

    public getJSON(): Observable<any> {
        return this.http.get("./assets/mydata.json");
    }
}

Example 2: get data from json file angular

/*--IN THE TS OF THE COMPONENT--*/
//In imports section
import variableName from '../../assets/fileName.json';

//In the class part of the same file
export class AppComponent {
  //This variable will have all the values
  public nameList:{field1:type, field2:type}[] = variableName;
}

/*--IN A NEW TS FILE--*/
//Create another js file in the app folder with
declare module "*.json" {
	const value: any;
	export default value;
}