如何在定义时返回一个可观察的值？

Question

我想知道是否有办法将 observable 包裹在 sessionStorage.getItem('currentuser') 周围，以便调用代码只有在 sessionStorage 中设置后才能订阅并获取该值

这可能吗？

阿南德

Answer 1

当然可以。您可以使用 Service 以这种方式解决它

import {Subject} from 'rxjs/Subject';
import {Observable} from 'rxjs/Observable';

@Injectable()
export class StorageService {

    private storageAlert: Subject<any> = new Subject('');
    private propagationIsBlocked: false;

    // use this blocker for option 3
    blockPropagation(): void {
        propagationIsBlocked = true;
    }

    // use this unblocker for option 3
    unblockPropagation(): void {
        propagationIsBlocked = false;
    }

    // subscribe to this method in order to get updated whenever a change happens
    getValue(): Observable<any> {
        return this.storageAlert.asObservable();
    }

    // trigger the update << option1
    setValue(value: any) {
        if(value){
            this.sessionStorage.setItem('key', 'value');
            this.storageAlert.next(value);
       } 
    }

    // trigger the update << option2
    setValue(value: any) {
        if(value && value.id !== storageAlert.getValue().id){
            this.sessionStorage.setItem('key', 'value');
            this.storageAlert.next(value);
       }
    }

    // trigger the update << option3
    setValue(value: any) {
        if(!this.propagationIsBlocked){
            this.sessionStorage.setItem('key', 'value');
            this.storageAlert.next(value);
        }
    }
}

但老实说，如果您使用此服务，则不需要 sessionStorage 或 localStorage，因为该值已存储在服务的变量“storageAlert”中。并且每个订阅实例由于订阅而获得新值。