我有一个 Angular 应用程序,并且也在使用 JSONP。
这是我的服务:
import { Injectable } from '@angular/core';
import { Http, Response, Headers, RequestOptions } from '@angular/http';
import { Observable } from 'rxjs/Observable';
import { Page } from './page';
import 'rxjs/add/operator/map';
import 'rxjs/add/operator/catch';
import { Jsonp } from '@angular/http';
@Injectable()
export class ProductService {
private urlPage = 'http://api.zanox.com/json/2011-03-01/products?q=iphone&connectid=XXXXXXXXXXXX&programs=12011&callback=JSONP_CALLBACK';
constructor(private _jsonp: Jsonp) { }
getPage(): Observable<Page> {
return this._jsonp.get(this.urlPage).map(this.extractData).catch(this.handleError);
}
private extractData(res: Response) {
let body = res.json();
return body || {};
}
private handleError(error: any) {
let errMsg = (error.message) ? error.message :
error.status ? `${error.status} - ${error.statusText}` : 'Server error';
console.error(errMsg);
return Observable.throw(errMsg);
}
}
我收到此错误:
未捕获的引用错误:未定义 __ng_jsonp____req0_finished
在产品?q=iphone&connectid=XXXXXXXXXX&programs=12011&callback=__ng_jsonp____req0_finished:1
(匿名的) @
产品?q=iphone&connectid=XXXXXXXXXXXX&programs=12011&callback=__ng_jsonp____req0_finished:1
common.js:143
未捕获的类型错误:无法读取 null 的属性“apply”
在 globalOnerror (common.js:143)
globalOnerror @ common.js:143
ProductService.ts:29 200 - 好的
怎么解决呢?
我回到 Angular 2.3.1 版本就解决了这个错误。该错误发生在2.4.X版本中。
"@angular/common": "~2.3.1",
"@angular/compiler": "~2.3.1",
"@angular/core": "~2.3.1",
"@angular/forms": "~2.3.1",
"@angular/http": "~2.3.1",
"@angular/platform-browser": "~2.3.1",
"@angular/platform-browser-dynamic": "~2.3.1",
"@angular/router": "~3.3.1",
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)