简体   繁体   English

属性&#39;onNext&#39;在&#39;BehaviorSubject类型上不存在 <Filer> “

[英]Property 'onNext' does not exist on type 'BehaviorSubject<Filer>'

I'm creating an angular2 app and I've got a service that I want to be able to write to in one component and then read/update it in other components (routes). 我正在创建一个angular2应用程序,我有一个服务,我希望能够在一个组件中写入,然后在其他组件(路由)中读取/更新它。

Here's what my service looks like currently: 这是我的服务目前的样子:

import { Injectable } from '@angular/core';
import { Filer } from './filer.model';
import { Observable } from 'rxjs/Observable';
import { Subject } from 'rxjs/Subject';

@Injectable()
export class FilerService {
  public _filer: Subject<Filer>;

  constructor() {
    this._filer = new Subject();
  }

  setSelected(ret: Filer) {
    let temp = ret;
    this._filer.next(temp);
  }

  get selected(): Observable<Filer> {
    return this._filer.asObservable();
  }

}

since I'm using Subject , only components that are subscribed will be able to see any values. 因为我正在使用Subject ,所以只有订阅的组件才能看到任何值。 I tried changing it to a BehaviorSubject , based on the rxjs docs. 我尝试将其更改为BehaviorSubject ,基于rxjs文档。 Here's what that looks like: 这是看起来像:

import { Injectable } from '@angular/core';
import { Filer } from './filer.model';
import { Observable } from 'rxjs/Observable';
import { Observer } from 'rxjs/Observer';
import { BehaviorSubject } from 'rxjs/BehaviorSubject';

@Injectable()
export class FilerService {
  public _filer: BehaviorSubject<Filer>;

  constructor() {
    this._filer = new BehaviorSubject({});
  }

  setSelected(ret: Filer) {
    let temp = ret;
    this._filer.onNext(temp);
  }

  get selected(): Observable<Filer> {
    return this._filer.asObservable();
  }

}

However, I get Property 'onNext' does not exist on type 'BehaviorSubject<Filer>'. 但是,我Property 'onNext' does not exist on type 'BehaviorSubject<Filer>'. , so I'm not sure where to go from here. 所以我不知道从哪里开始。 Any ideas? 有任何想法吗?

I'm on rxjs 5.0.0-beta.6. 我在rxjs 5.0.0-beta.6上。

If you are using the latest angular2 then it uses rxjs 5, in which case you have to use next() and not onNext() . 如果你使用的是最新的angular2,那么它使用rxjs 5,在这种情况下你必须使用next()而不是onNext()

Have a look at the migration guide . 请查看迁移指南

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM