>
> 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());
}
}