码迷,mamicode.com
首页 > Web开发 > 详细

RxJS之组合操作符 ( Angular环境 )

时间:2018-04-28 19:37:43      阅读:176      评论:0      收藏:0      [点我收藏+]

标签:png   style   scribe   init   操作符   com   const   struct   color   

一 merge操作符

把多个 Observables 的值混合到一个 Observable 中

import { Component, OnInit } from ‘@angular/core‘;
import { of } from ‘rxjs/observable/of‘;
import { range } from ‘rxjs/observable/range‘;
import { merge } from ‘rxjs/observable/merge‘;
import { Observable } from ‘rxjs/Observable‘;

@Component({
  selector: ‘app-combine‘,
  templateUrl: ‘./combine.component.html‘,
  styleUrls: [‘./combine.component.css‘]
})
export class CombineComponent implements OnInit {

  constructor() { }

  ngOnInit() {
    const low: Observable<number> = range(100, 3);
    const middle: Observable<number> = range(200, 3);
    const high: Observable<number> = range(300, 3);
    merge(low, middle, high).subscribe((val: number) => {
      console.log(val);
    });
  }

}

技术分享图片

 

RxJS之组合操作符 ( Angular环境 )

标签:png   style   scribe   init   操作符   com   const   struct   color   

原文地址:https://www.cnblogs.com/sea-breeze/p/8969158.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!