BehaviourSubject в angular2, как он работает и как его использовать
Я пытаюсь создать общую службу, следуя
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() и т.д., то, что доступно, не является функцией, поэтому кто-то может показать мне, как она работает и как ее реализовать, когда я искал примеры, но никто не имеет смысла мне.
Ответы
Ответ 1
Сокращение до одного свойства должно выглядеть так. Я изменил 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);
});
}
}