4

我有一个数据模型（应该是应用程序中的单个实例）

export class Computer {
    model: string;
    serial: string;
    completed: boolean = false;
}

我认为最好的方法是通过可注射服务将其退回。

@Injectable()
export class DataService {

    getComputer(): Observable<Computer> {
        let c = new Computer();
        c.model = 'Quite Good Computer 455';
        c.serial = '344-344-455-555';
        c.ompleted = true;
        ...
    }
}

它应该位于 CoreModule 中。

如何实现 DataService.getComputer() 以返回 Observable ？之前创建的c ...

编辑

在这种getComputer()方法中，我需要模拟网络延迟 - 将超时设置为 2 秒。以前我正在使用Promise，这个功能是：

getComputer(): Promise<Computer> {
    return new Promise<Computer>(resolve =>
        setTimeout(() => resolve(this.createComputer()), 2000) // 2 seconds
    );
}

private createComputer(): Computer {
    let c = new Computer();
    c.model = 'Quite Good Computer 455';
    c.serial = '344-344-455-555';
    c.ompleted = true;
    return c;
}

它是这样消耗的：

ngOnInit() {
    this.dataService.getComputer().then(
        data => this.computer = data
    );
}

现在我想把它翻译成使用 Observables，然后放入 inot 核心模块。

在 Günter Zöchbauer 回答之后，我尝试关注

getComputer(): Observable<Computer> {
    let res = new BehaviorSubject<Computer>();
    return <Observable<Computer>>res.asObservable();
}

但 VSC 突出显示let res ...带有错误消息的行[ts] Supplied parameters do not match any signature of call target. (alias) new BehaviorSubject<T>(_value: T): BehaviorSubject<T>。我BehaviorSubject从rxjs/rx.

编辑

在 Günter Zöchbauer 的另一条注释之后，我更改了服务类别代码

export class DataServiceMock {
    private computerObs: Observable<Computer>;
    constructor() {
        let s = new BehaviorSubject<Computer>();
        this.computerObs = s.asObservable(); 
    }  

    getComputer(): Observable<Computer> {
        return this.computerObs;
    }

现在提到的错误在这里：let s = new BehaviorSubject<Computer>();。在这种情况下，我也不知道如何以 2 秒延迟将Computer实例添加到流（使用next()）中 - 我将其放入ngInit.

4

1 回答 1

2 
getComputer(): Observable<Computer> {
    let c = new Computer();
    c.model = 'Quite Good Computer 455';
    c.serial = '344-344-455-555';
    c.ompleted = true;
    return Observable.of(c);
}

更新

private computer = new BehaviorSubject<Computer>();

computer$ = this.computer.asObservable();

// called when computer changes
updateComputer(Computer c) {
  this.computer.next(c);
}

调用者使用

this.dataService.computer$.subscribe(...)
于 2016-09-05T09:22:58.293 回答