>
> Its improving. I forgot a script reference to angular2/http.dev.js. Files 
>> attached. Thanks Eric)
>>
>

-- 
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.
Title: Angular 2 QuickStart
 Loading...
import { Component } from 'angular2/core';
import { DataService } from './data.service';

@Component({ 
    selector: 'app',
    providers: [DataService],
  template: `<h1>Hello World</h1>
<li *ngFor="#customer of customers">
  <span>{{customer.firstName}}</span> 
</li>
`
})
export class AppComponent {
    private customers: any[];
    public dataService: DataService;
    constructor(dataService: DataService) {
        this.dataService = dataService;
    }


    ngOnInit() {
        this.dataService.getCustomers()
            .subscribe((customers: any[]) => {
                this.customers = customers;
            }); 
    }
}
import { bootstrap } from 'angular2/platform/browser';
import { AppComponent } from './app.component';
import { HTTP_PROVIDERS } from 'angular2/http';
import { DataService } from './data.service';

bootstrap(AppComponent, [HTTP_PROVIDERS, DataService]);
import { Injectable } from 'angular2/core';
import { Http, Response } from 'angular2/http';
import 'rxjs/add/operator/map';

@Injectable()
export class DataService {
    private http: Http;
    constructor(http: Http) {
        this.http = http;
    }

    getCustomers() {
        return this.http.get('customers.json')
            .map((res: Response) => res.json());
    }

}

Reply via email to