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

RxJS之过滤操作符 ( Angular环境 )

时间:2018-04-28 20:53:32      阅读:269      评论:0      收藏:0      [点我收藏+]

标签:ima   operator   bubuko   log   分享   png   inf   core   cto   

一 take操作符

只发出源 Observable 最初发出的的N个值 (N = count)。 如果源发出值的数量小于 count 的话,那么它的所有值都将发出。然后它便完成,无论源 Observable 是否完成。

import { Component, OnInit } from ‘@angular/core‘;
import { range } from ‘rxjs/observable/range‘;
import { take } from ‘rxjs/operators/take‘;

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

  constructor() { }

  ngOnInit() {
    range(100, 10)
      .pipe(take(5))
      .subscribe(val => {
        console.log(val);
      });
  }

}

 

技术分享图片

 

RxJS之过滤操作符 ( Angular环境 )

标签:ima   operator   bubuko   log   分享   png   inf   core   cto   

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

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