在将Angular 5更新为Angular 6之后,我遇到了关于rxjs6的一些问题:
TypeError: this.http.post(...).map is not a function
error TS2339: Property 'map' does not exist on type 'Observable<Object>'.
TypeError: rxjs__WEBPACK_IMPORTED_MODULE_1__.Observable.of is not a function
我尝试了一些方法,例如:
将此导入添加到service.ts
从'rxjs /运营商'导入{map};
更改http.post()。pipe(map(res =&gt; {...}))
然而,所有这些都不适合我。
我的环境如下:
"@angular/cli": "^6.0.3"
"rxjs": "^6.2.0"
"rxjs-compat": "^6.2.0"
代码显示如下 Service.ts
import { Injectable } from '@angular/core';
import {environment} from '../../environments/environment';
import {HttpClient} from '@angular/common/http';
import {StorageService} from '../services/storage.service';
@Injectable()
export class VariationService {
ip = environment.url.management;
constructor(private http: HttpClient,
private storageService: StorageService) { }
getFlowChart(status?) {
status = status ? status : '';
let token = this.storageService.getToken('token');
return this.http.post(
`${this.ip}/workflow`,
{
'access_token': token,
'type': 'adjustment_workflow_get',
'data': {
'status': status
}
}
).map((res: Response) => {
if ( res['errcode'] !== '00000') {
return [];
}
return res['datas'];
});
}
}
另一个问题是typscript文件
import {Injectable} from '@angular/core';
import { PreloadingStrategy, Route } from '@angular/router';
import { Observable } from 'rxjs';
@Injectable()
export class SelectivePreloadingStrategy implements PreloadingStrategy {
preloadedModules: string[] = [];
preload(route: Route, load: () => Observable<any>): Observable<any> {
if (route.data && route.data['preload']) {
this.preloadedModules.push(route.path);
return load();
} else {
return Observable.of(null);
}
}
}
答案 0 :(得分:8)
RxJS v5.5.2+
已移至 Pipeable 运算符,以改善树木抖动并更轻松地创建自定义运算符。
现在operators
需要使用pipe
方法合并 Refer This
新导入
import { map} from 'rxjs/operators';
示例强>
myObservable
.pipe(filter(data => data > 8),map(data => data * 2),)
.subscribe(...);
创建Observables
<强>以前强>
import 'rxjs/add/observable/of';
// or
import { of } from 'rxjs/observable/of
const source = Observable.of(1, 2, 3, 4, 5);
const subscribe = source.subscribe(val => console.log(val));
在RXJS中:6语法已更改并导入而不是Observable.of
使用of
import { Observable, of } from 'rxjs';
const source = of(1, 2, 3, 4, 5);
const subscribe = source.subscribe(val => console.log(val));
修改后的代码
import { Injectable } from '@angular/core';
import {environment} from '../../environments/environment';
import {HttpClient} from '@angular/common/http';
import {StorageService} from '../services/storage.service';
import {map} from 'rxjs/operators';
@Injectable()
export class VariationService {
ip = environment.url.management;
constructor(private http: HttpClient,
private storageService: StorageService) { }
getFlowChart(status?) {
status = status ? status : '';
let token = this.storageService.getToken('token');
return this.http.post(
`${this.ip}/workflow`,
{
'access_token': token,
'type': 'adjustment_workflow_get',
'data': {
'status': status
}
}
).pipe(map((res: Response) => {
if ( res['errcode'] !== '00000') {
return [];
}
return res['datas'];
}));
}
}
修改后的代码
import {Injectable} from '@angular/core';
import { PreloadingStrategy, Route } from '@angular/router';
import { Observable,of } from 'rxjs';
@Injectable()
export class SelectivePreloadingStrategy implements PreloadingStrategy {
preloadedModules: string[] = [];
preload(route: Route, load: () => Observable<any>): Observable<any> {
if (route.data && route.data['preload']) {
this.preloadedModules.push(route.path);
return load();
} else {
return of(null);
}
}
}