RxJS核心概念之Subjet在angular2+上的应用

Subject,在RxJS中是一类特殊的Observable(可观察对象),它可像多个Observer(观察者)推送值。
每一个Subject也可以作为Observer(观察者) Subject同样也是一个由next(v),error(e),和complete()这些方法组成的对象。调用next(theValue)方法后,Subject会向所有已经在其上注册的Observer多路推送theValue。

1、创建一个subjectService,实现可观察以及推送推功能

import {Injectable} from "@angular/core";
import { ReplaySubject } from "rxjs/ReplaySubject";
import { Observable } from "rxjs/Observable";
import 'rxjs/add/observable/of';

@Injectable() export class SubjectService { private _subject: ReplaySubject<string> = new ReplaySubject<string>(1); //新建一个可观测可观测
  setCurrentValue(value: string): Observable<boolean> { //设置值
    this._subject.next(value);
    return Observable.of(true);
  } currentValue(): Observable<string> {//推送值
    return this._subject.asObservable();
  } }

2、在组建中设置需要推送的值

constructor(private _subjectService: SubjectService) { }
setValue() { this._subjectService.setCurrentValue('value').subscribe((result: boolean) => { if (!result) { console.log('可观察者设定失败');
      return;
    } console.log('可观察者设定成功');
  });
}

3、订阅、可订阅多个对象

subjectValue = '';

constructor(private _subjectService: SubjectService) { } ngOnInit() { this._subjectService.currentValue().subscribe((data: string) => { if (!data) { console.log('获取失败');
      return;
    } this.subjectValue = data;
  });
}

参考网址

https://segmentfault.com/a/1190000005069851

posted on 2018-11-19 21:00  生活还是要继续  阅读(468)  评论(0编辑  收藏  举报

导航