我正在从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