angular-cn/public/docs/_examples/pipes/ts/app/fetch-json.pipe.ts

29 lines
665 B
TypeScript

// #docregion
import { Pipe, PipeTransform } from '@angular/core';
import { Http } from '@angular/http';
// #docregion pipe-metadata
@Pipe({
name: 'fetch',
pure: false
})
// #enddocregion pipe-metadata
export class FetchJsonPipe implements PipeTransform {
private fetchedJson: any = null;
private prevUrl = '';
constructor(private _http: Http) { }
transform(url: string): any {
if (url !== this.prevUrl) {
this.prevUrl = url;
this.fetchedJson = null;
this._http.get(url)
.map( result => result.json() )
.subscribe( result => this.fetchedJson = result );
}
return this.fetchedJson;
}
}