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

bishoe nb

7y1kAngular

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

2 Replies

Know the answer? Post it — somebody with the same question will find it here.

bishoe nb7y ago

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 Kumar7y ago
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
0