Mapped Array to Observable,更新Array传播到Observable?

时间:2016-06-23 13:04:59

标签: typescript angular rxjs rxjs5

我正在从Array创建Observable。

当我使用简单的" map"没有+"是一个数字"此外,所有作品

如何通过此添加使Observable变换数据。

这对我来说是使用rxjs来跟踪状态和enfoce不变性的关键部分,我只会改变状态,而rxjs复杂函数会实时解析数据。

我知道有一些解决方案,但我需要这个简单的例子以某种方式工作。

任何?

import { Component } from '@angular/core';
import * as Rx from 'rxjs/Rx'
import { Observable } from 'rxjs'

@Component({
  selector: 'my-app',
  template: `
    <button (click)="addToArray()">Add</button>
    <ul>
      <li *ngFor="let item of data$ | async">{{ item }}</li>
    </ul>


  `
})
export class AppComponent {

  data = ["one","two","three"]
  data$: Observable<Array<string>>;

  ngOnInit() {
    this.data$ = Rx.Observable.from(this.data)
      .map(data => {
        return data + " is a number"
      })
  }

  addToArray() {
    this.data.push('more numbers')
  }
}

.from手册:https://github.com/Reactive-Extensions/RxJS/blob/master/doc/api/core/operators/from.md

0 个答案:

没有答案