14

我正在尝试建立一个共享服务如下

import {Injectable,EventEmitter}     from 'angular2/core';
import {Subject} from 'rxjs/Subject';
import {BehaviorSubject} from 'rxjs/subject/BehaviorSubject';
@Injectable()
export class SearchService {

    public country = new Subject<SharedService>();
    public space: Subject<SharedService> = new BehaviorSubject<SharedService>(null);
    searchTextStream$ = this.country.asObservable();

    broadcastTextChange(text: SharedService) {
        this.space.next(text);
        this.country.next(text);
    }
}
export class SharedService {
    country: string;
    state: string;
    city: string;  
    street: string;
}

我不知道如何实现 BehaviourSubject 基本上我在这里尝试的只是我猜的一团糟,我通过使用在子组件中调用这个值

console.log('behiob' + shared.space.single());

这会引发错误,如 .single()/last() 等任何可用的都不是函数,所以有人可以告诉我它是如何工作的,以及在我搜索示例时如何实现它,但对我来说没有任何意义。

4

1 回答 1

21

减少到一个属性,它应该看起来像这样。我改为SharedService因为使用为事件值string命名的类型对我来说没有意义:XxxService

import {Injectable}     from 'angular2/core';
import {BehaviorSubject} from 'rxjs/BehaviorSubject';

@Injectable()
export class SearchService {

    public space: Subject<string> = new BehaviorSubject<string>(null);

    broadcastTextChange(text:string) {
        this.space.next(text);
    }
}
@Component({
  selector: 'some-component'
  providers: [SearchService], // only add it to one common parent if you want a shared instance
  template: `some-component`)}
export class SomeComponent {
  constructor(searchService: SearchService) {
    searchService.space.subscribe((val) => {
      console.log(val); 
    });
  }
}
于 2016-04-04T13:52:53.787 回答