Angular 2的Http服务不暴露map()和其他RxJS函数

有人知道alpha 45和alpha 48之间的http是否有任何重大变化？我一直在寻找,我没有找到任何东西.我的问题是下面的代码在Alpha 45上完美运行.但是现在我已经升级到Alpha 48,_this.http.post(...).map is not a function当我尝试运行应用程序时,我收到一条错误消息.奇怪的是,IntelliSense显示http.post正在返回一个可观察的.这意味着地图功能应该可用.任何帮助,将不胜感激.谢谢!

public Authenticate(username: string, password: string): Observable {

    this.ResetAuthenticationValues();

    return Observable.create((subscriber: EventEmitter) => { 

        let body: string = 'grant_type=password&username=' + username + '&password=' + password;
        let headers = new Headers();
        headers.append('Content-Type', 'application/x-www-form-urlencoded');

        this.http.post('http://example.com', body, {headers: headers})
            .map(res => res.json())
            .subscribe(
                (data: DataResponse) => {
                    if (!data.error) {
                        this.accessToken = {access_token: data.access_token, token_type: data.token_type};
                        subscriber.next(this.isAuthenticated = true);                       
                    }
                    else
                        subscriber.error(this.isAuthenticated = false);
                },
                (err) => subscriber.error(err),
                () => subscriber.complete()
            );

        return () => { };
    });
} 

Eric Martine.. 31

另一个更新 (咳嗽,对不起,忘了这个选项)

如果您想避免单独添加运算符,可以通过执行来导入完整的Rx

import {Observable, Subject, ReplaySubject, etc...} from 'rxjs/Rx';

npm install angular2@latest
npm install rxjs@5.0.0-alpha.14

System.config({
    paths: {
        'rxjs/add/observable/*' : 'node_modules/rxjs/add/observable/*.js',
        'rxjs/add/operator/*' : 'node_modules/rxjs/add/operator/*.js',
        'rxjs/*' : 'node_modules/rxjs/*.js'
    }
});

import 'rxjs/add/operator/map';

import {Http, ...} ...;

// Component
constructor(http: Http) {
    http.get(...).map() // 'map' doesn't exist! Ouch!
}

npm install rxjs@5.0.0-alpha.11

System.config({
    paths: {
        'rxjs/observable/*' : 'node_modules/rxjs/observable/*.js',
        'rxjs/operators/*' : 'node_modules/rxjs/operators/*.js',
        'rxjs/*' : 'node_modules/rxjs/*.js'
    }
});

 import 'rxjs/operators/map';

import {Observable, Subject, ReplaySubject, etc...} from 'rxjs/Rx';

npm install angular2@latest
npm install rxjs@5.0.0-alpha.14

System.config({
    paths: {
        'rxjs/add/observable/*' : 'node_modules/rxjs/add/observable/*.js',
        'rxjs/add/operator/*' : 'node_modules/rxjs/add/operator/*.js',
        'rxjs/*' : 'node_modules/rxjs/*.js'
    }
});

import 'rxjs/add/operator/map';

import {Http, ...} ...;

// Component
constructor(http: Http) {
    http.get(...).map() // 'map' doesn't exist! Ouch!
}

npm install rxjs@5.0.0-alpha.11

System.config({
    paths: {
        'rxjs/observable/*' : 'node_modules/rxjs/observable/*.js',
        'rxjs/operators/*' : 'node_modules/rxjs/operators/*.js',
        'rxjs/*' : 'node_modules/rxjs/*.js'
    }
});

 import 'rxjs/operators/map';

System.config({
    map: {
        'rxjs': 'node_modules/rxjs'
    },
    packages: {
        'app': {defaultExtension: 'js'}, // assumes your code sites in `src/app`
        'rxjs': {defaultExtension: 'js'}
    }
});
System.import('app/app'); // this assumes your main file is `app.ts` and it sits in the `app` folder.

import 'rxjs/Rx'; // this would import all RxJS operators

import 'rxjs/add/operator/map';

import 'rxjs/add/operator/map';