How to replace static data with a data list angular & api

Question

How to replace static data with a data list angular and web api 4 code angular here https://stackblitz.com/angular/dnbermjydavk?file=app%2Ftable-overview-example.html how can replace this const NAMES = [ 'Maia' , 'Asher' , 'Olivia' , 'Atticus' , 'Amelia' , 'Jack' , 'Charlotte' , 'Theodore' , 'Isla' , 'Oliver' , 'Isabella' , 'Jasper' , 'Cora' , 'Levi' , 'Violet' , 'Arthur' , 'Mia' , 'Thomas' , 'Elizabeth' ]; with getCat_NewsList() this .http.get( 'http://localhost:1858/api/Cat_News' ).map((data: Response) =>{ return data.json() as ICategoryModule[]; }).toPromise().then(x=>{ this .Cat_NewsList =x; }); i want this To show my menu instead of the fixed menu

bishoe nb · Answer

Muthu Kumar Sorry I do not understand the example I want to replace const NAMES = [ 'Maia' , 'Asher' , 'Olivia' , 'Atticus' , 'Amelia' , 'Jack' , 'Charlotte' , 'Theodore' , 'Isla' , 'Oliver' , 'Isabella' , 'Jasper' , 'Cora' , 'Levi' , 'Violet' , 'Arthur' , 'Mia' , 'Thomas' , 'Elizabeth' ]; by this this .http.get( 'http://localhost:1858/api/Cat_News' ).map((data: Response) =>{ return data.json() as ICategoryModule[]; }).toPromise().then(x=>{ this .Cat_NewsList =x; });

Muthu Kumar · Answer

Hi, Here is an example for get json file data to component, Note:- You need mention url path of an file. this .http.get( "./assets/mydata.json" ).subscribe(data => { console.log(data); //here you can assign value to variable this .Cat_NewsList = data; }); Reference:- https://stackoverflow.com/questions/47206924/angular-5-service-to-read-local-json-file https://stackblitz.com/edit/angular-local-json?file=assets%2Ftest.json