Angular'da, tapRxJS'deki operatör, gözlemlenebilir bir akıştan yayılan her değer için, değerleri değiştirmeden veya dönüştürmeden yan etkiler gerçekleştirmek için kullanılır. tapAngular'da şu şekilde kullanabilirsiniz :

1. tapAşağıdaki import deyimini kullanarak operatörü RxJS'den içe aktarın :

import { tap } from 'rxjs/operators';

import { Component, OnInit } from '@angular/core';
import { UserService } from './user.service';
import { tap } from 'rxjs/operators';

@Component({
  selector: 'app-users',
  template: `
    <ul>
      <li *ngFor="let user of users">{{ user.name }}</li>
    </ul>
  `
})
export class UsersComponent implements OnInit {
  users: any[];

  constructor(private userService: UserService) {}

  ngOnInit() {
    this.userService.getUsers()
      .pipe(
        tap(user => console.log(user))
      )
      .subscribe(users => this.users = users);
  }
}

1. Gözlemlenebilirlerin Günlüğe Kaydedilmesi

import { of } from 'rxjs';
import { tap } from 'rxjs/operators';

const observable = of(1, 2, 3);

observable
  .pipe(
    tap(value => console.log(`Value emitted: ${value}`))
  )
  .subscribe();

2. Durum değiştiriliyor

İçin başka bir kullanım durumu, tap()Gözlemlenebilir dışındaki durumu değiştirmektir. tap()Bir Gözlemlenebilir tarafından yayılan her değer için bir sayacı artırmak için nasıl kullanabileceğinize bir örnek :

import { of } from 'rxjs';
import { tap } from 'rxjs/operators';

let counter = 0;

const observable = of(1, 2, 3);

observable
  .pipe(
    tap(() => counter++)
  )
  .subscribe();

console.log(`Counter value: ${counter}`); // Output: Counter value: 3

3. Gözlenebilirlerde Hata Ayıklama

tap()Gözlemlenebilirlerde hata ayıklamak için de yararlı olabilir. tap()Örneğin, bir Gözlemlenebilir'in başlangıcını ve bitişini ve meydana gelen hataları günlüğe kaydetmek için kullanabilirsiniz :

import { of } from 'rxjs';
import { tap } from 'rxjs/operators';

const observable = of(1, 2, 3);

observable
  .pipe(
    tap({
      next: value => console.log(`Value emitted: ${value}`),
      complete: () => console.log('Observable completed'),
      error: error => console.log(`Error: ${error}`)
    })
  )
  .subscribe();

Umarım bu örnekler, operatörün tap()RxJS'de nasıl kullanılacağını anlamanıza yardımcı olur!

Seviye Atlama Kodlama

Topluluğumuzun bir parçası olduğunuz için teşekkürler! Gitmeden önce:

• Hikaye için alkışlayın ve yazarı takip edin
• Seviye Atlama Kodlama yayınında daha fazla içerik görüntüleyin
• Ücretsiz kodlama mülakat kursu ⇒ Kursu Görüntüle
• Bizi takip edin: Twitter | LinkedIn | Bülten