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;
}
5
9
How to Read Local JSON file in Angular
Step 1: Create an Angular application with Angular CLI. From terminal create a new angular app. ...
Step 2: Create JSON file with dummy data. Create any JSON file with any name, I have created a file countries. ...
Step 3: Import JSON file in the component. Update app. ...
Step 4: Update Component Template file. ...
Step 5: Run the app.
Thank you!
9
0
Are there any code examples left?
New code examples in category TypeScript
-
TypeScript 2022-03-27 19:30:45 typescript promise
-
TypeScript 2022-03-27 17:25:44 how to search for imports in vscode
-
TypeScript 2022-03-27 17:15:20 angular formgroup mark as touched
-
TypeScript 2022-03-27 17:05:06 use of slice and splice add elements array
-
TypeScript 2022-03-27 16:50:23 android studio loop through all objects in layout
-
TypeScript 2022-03-27 14:35:08 wergensherts meaning
-
TypeScript 2022-03-27 13:50:15 remove all the elements from a numpy array python
-
TypeScript 2022-03-27 12:35:49 redux toolkit typescript install
-
TypeScript 2022-03-27 12:35:30 laravel middleware for apis