Hi,
I have an Angular 2 Component calling a service which returns data from an
HTTP request below. The service returns data but the view part of the
component does not refresh.
Service:
// TypeScript
import {Inject} from 'angular2/angular2';
import {Http, HTTP_BINDINGS} from 'angular2/http';
import {ROUTER_BINDINGS} from 'angular2/router';
export class MyService {
private http: Http;
constructor(@Inject(Http) http:Http) {
this.http = http;
}
public getData(callback){
this.http.get('http://localhost:8080/data.json').toRx()
.map((res) => res.json())
.subscribe((data) => {
callback(data);
});
}
}
Component:
// TypeScript
import {Component, View, bootstrap, Inject, NgFor} from 'angular2/angular2';
import {Http, HTTP_BINDINGS} from 'angular2/http';
import {ROUTER_BINDINGS} from 'angular2/router';
import {MyService} from 'ts/my-service';
@Component({
selector: 'my'
})
@View({
template: `
<h1>{{dummy}}</h1>
`,
directives: [NgFor]
})
export class MyComponent {
dummy: String;
constructor(myService: MyService) {
myService.getData(function(data){
console.log(data);
dummy = data.someText; // THIS DOES NOT REFLECT IN THE VIEW
})
}
}
How do I update the bound view variable "dummy" above? Any help
appreciated.
I am using Angular2 alpha37.
Thanks,
Martin
--
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 http://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.
