角度2可观察/受试者无法读取属性“下一步”

Question

我发现这个伟大的帖子创建和返回观察角2服务，现在我尝试做同样的事情，但得到这个错误：

core.umd.js:2838异常：无法读取未定义的属性'Next'

这是我的服务：

@Injectable()
export class ReadBuchungenService {

    public activeProject : ReplaySubject<any>;
    private get_all_buchungen_url : string = "xxxxxxx/xxx/";


    constructor (private http : Http) {}

    public load(timestamp : number) {
        let params = new URLSearchParams();
        params.set('timestamp', String(timestamp));

        this.http.get(this.get_all_buchungen_url, { search: params })
            .subscribe(res => this.activeProject.next(res));
        return this.activeProject;
    }
}

在es6中编译，下面是package.json中的依赖项：

"dependencies": {
    "@angular/common": "^2.2.4",
    "@angular/compiler": "^2.1.2",
    "@angular/core": "^2.2.4",
    "@angular/http": "^2.1.4",
    "@angular/platform-browser": "^2.1.2",
    "@angular/platform-browser-dynamic": "^2.1.2",
    "@angular/router": "^3.1.4",
    "core-js": "^2.4.1",
    "reflect-metadata": "^0.1.8",
    "rxjs": "5.0.0-beta.12",
    "systemjs": "^0.19.40",
    "zone.js": "^0.6.26"
  }

谢谢

好的，现在我尝试设置重放主题对象的宽度：

public activeProject : ReplaySubject<any> = new ReplaySubject(1);

但是我得到了一个意想不到的标记

完整错误的图像：

Answer 1

您没有初始化activeProject。尝试：

public activeProject : ReplaySubject<any> = new ReplaySubject<any>(1);

Answer 2

现在我发现了错误，它是来自ReplaySubject类的import语句。

错误：import{Observable，ReplaySubject}来自“rxjs”

右：从'rxjs/ReplaySubject'导入{ReplaySubject}

以下是服务的完整代码：

import  {Inject, Injectable} from '@angular/core';
import  { Http, URLSearchParams } from '@angular/http';
import 'rxjs/Rx';
import { ReplaySubject } from 'rxjs/ReplaySubject';


@Injectable()
export class MyService {

    public activeProject: ReplaySubject<any> = new ReplaySubject(1);
    private get_all_buchungen_url: string = "xxxx/xxx";

    constructor(private http: Http) {
    }

    public load(timestamp: number) {

        let params = new URLSearchParams();
        params.set('timestamp', String(timestamp));

        this.http.get(this.get_all_buchungen_url, {search: params})
            .subscribe(res => this.activeProject.next(res));
        console.log(this.activeProject)
        return this.activeProject;
    }
}

Answer 3

您的activeProject未设置。试着这样定义它：

public activeProject:ReplaySubject<any> = new ReplaySubject(1);