I'm not getting any data displayed in my browser window other than Hello
World. Any help appreciated.
*app.component.ts:*
import { Component } from 'angular2/core';
import { DataService } from './data.service';
@Component({
selector: 'app',
template: `<h1>Hello World</h1>
<li *ngFor="#customer of customers">
<span>{{customer.firstName}}</span>
</li>
`
})
export class AppComponent {
public dataService: DataService;
public customers: any[];
constructor() { }
ngOnInit() {
this.dataService.getCustomers()
.subscribe((customers: any[]) => {
this.customers = customers;
});
}
}
*data.service.ts:*
import { Injectable } from 'angular2/core';
import { Http, Response } from 'angular2/http';
import 'rxjs/add/operator/map';
@Injectable()
export class DataService {
public http: Http;
constructor() { }
getCustomers() {
return this.http.get('customers.json')
.map((res: Response) => res.json());
}
}
--
You received this message because you are subscribed to the Google Groups
"AngularJS" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To post to this group, send email to [email protected].
Visit this group at https://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.
