Is there a way to incorporate JSON data retrieved from the server into the export var HEROES: Hero[ ] function?
Here is the link: https://angular.io/resources/live-examples/toh-5/ts/eplnkr.html
In app/mock-heroes.ts, you will find the following data,
import { Hero } from './hero';
export var HEROES: Hero[] = [
{id: 11, name: 'Mr. Nice'},
{id: 12, name: 'Narco'},
{id: 13, name: 'Bombasto'},
{id: 14, name: 'Celeritas'},
{id: 15, name: 'Magneta'},
{id: 16, name: 'RubberMan'},
{id: 17, name: 'Dynama'},
{id: 18, name: 'Dr IQ'},
{id: 19, name: 'Magma'},
{id: 20, name: 'Tornado'}
];
I want to fetch this data dynamically from the server rather than using static data. How can I accomplish this?
I have already set up a data service with the following code,
private serviceUrl = "http://localhost:9000/service";
getServiceOne(): Observable<Track[]> {
this.http.get(this.serviceUrl)
.map(res => res.json());
}
The current output is
[
{id: 11, name: 'Mr. Nice'},
{id: 12, name: 'Narco'},
{id: 13, name: 'Bombasto'},
{id: 14, name: 'Celeritas'},
{id: 15, name: 'Magneta'},
{id: 16, name: 'RubberMan'},
{id: 17, name: 'Dynama'},
{id: 18, name: 'Dr IQ'},
{id: 19, name: 'Magma'},
{id: 20, name: 'Tornado'}
]
I simply need to parse the above data into export var HEROES: Hero [ ].
Can someone guide me on how to achieve this? I'm new to TypeScript and have been searching for a solution for 3 days with no success.