egavard
commented
7 years ago Meanwhile the documentation is updated, I can provide you my own implementation with an HTTP REST API.
Here, I retrieve some Conventions from my API and send them to the table. There's not filter, nor sorting and every data is sent to the view (as I only have a few ones).
export class DelegateConventionDatasource extends DataSource<Convention>{
delegate:Delegate;
subject:BehaviorSubject<Convention[]>;
//I have a custom http component that adds headers on calls
constructor(private authHttpService:AuthHttpService, private userLoginService:UserLoginService){
super();
}
connect(collectionViewer: CollectionViewer): Observable<Convention[]> {
this.subject = new BehaviorSubject<Convention[]>([]);
//My http call relies on a property stored in this service, so I watch changes on it
this.userLoginService.userChange.subscribe((user) => {
this.delegate = user.delegate;
//I prevent http calls when subject is supposed to be disconnected (route to another link and back there)
if(!this.subject.isStopped){
this.retrieveConventions(this.delegate.id).then((response:Response) => {
const conventions: Convention[] = response.json();
this.subject.next(conventions);
});
}
});
return Observable.merge(this.subject);
}
retrieveConventions(delegateId:number|string):Promise<Response>{
return this.authHttpService.get(`${environment.api_url}delegate/${delegateId}/convention`);
}
disconnect(collectionViewer: CollectionViewer): void {
this.subject.complete();
this.subject.observers = [];
}Here's an example without my logic :
export class DelegateConventionDatasource extends DataSource<Convention>{
subject:BehaviorSubject<Convention[]>;
constructor(private http:Http){
super();
}
connect(collectionViewer: CollectionViewer): Observable<Convention[]> {
this.subject = new BehaviorSubject<Convention[]>([]);
this.http.get('http://someurl.com/conventions').toPromise()
.then((response:Response) => {
const conventions: Convention[] = response.json();
this.subject.next(conventions);
});
return Observable.merge(this.subject);
}
disconnect(collectionViewer: CollectionViewer): void {
this.subject.complete();
this.subject.observers = [];
}
alanpurple
jelbourn
andrewseguin
irowbin
duard
lemang
nnarayanancs
DavidTheProgrammer
TejasCMehta
Braincompiler
ghost
pevans360
iamwhitebox
marinantonio
azimuthdeveloper
1antares1
angular-automatic-lock-bot[bot]
Bug, feature request, or proposal:
proposal
What is the expected behavior?
something intuitive
What is the current behavior?
no idea how to
It will be very thankful if you provide an example of md-table with http service, not some mock database class