Angular 5-从资产文件夹下的JSON文件中获取数据

Question

Our application is dynamically generating the Form from a .json file which is placed under the assets folder. The problem we are facing is before the .json file is loaded, our component is rendered and as a result we are seeing null values in the form.

We tried to load the .json using service (HttpClient) and call that from the main component (AppComponent) but still the loading is taking time and our actual component is been rendered and showing null values as .json file is loaded after the actual component is rendered

Answer 1

Try like this:

let filePath = "/assets/file.json";

this.http.get(filePath).subscribe((res: any) => {
    console.log(res)
});