希望它有助于理解这个想法:
export class MyComponent implements OnInit {
public moneyData$;
public moneyData2$;
constructor(private myService: MyService) {}
public ngOnInit() {
this.moneyData$ = this.myService.getTasksByCategory(this.moneyData, 'money').pipe(map(value) => value.Data);
this.moneyData2$ = this.moneyData$.pipe(map(value) => value.Data + 25);
})
}
}
在模板中:
<div>{{ moneyData$ | async }}</div>
<div>{{ moneyData2$ | async }}</div>
对于模板中的对象:
<div>{{ moneyData$ | async | json }}</div>
<div>{{ moneyData2$ | async | json }}</div>
附言:阅读更多关于反应性思维的文章(非常有用的文章):
https://gist.github.com/staltz/868e7e9bc2a7b8c1f754