1. 程式人生 > >RxJS之過濾操作符 ( Angular環境 )

RxJS之過濾操作符 ( Angular環境 )

idt from 數量 microsoft val ole import port 操作符

一 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環境 )