Làm thế nào để Ngưng observable.timer trong Angular2

Question

Tôi đang thực hiện các chức năng sau trong phần Angular2 của:

export class MypageEditComponent { 

    ngOnInit() { 
    this.timer = Observable.timer(100, 100); 
    this.timer.subscribe(t => { 
     this.setFormData(); 
    } 


    private setFormData() { 
    this.editUserAcountType = this.authStore.registerInfo.account_type; 
    this.editAddress = this.authStore.registerInfo.email; 
    this.editUserName = this.authStore.registerInfo.username; 
    } 
} 

Tôi muốn ngừng lặp lại của Observable.timer lần giá trị được lưu trữ một cách chính xác với setFormData().

Nhưng không biết làm cách nào, vui lòng cho tôi biết.

Answer 1

Có đang được cơ bản theo hai cách:

• gọi unsubscribe() trên đối tượng đăng ký trở về từ các cuộc gọi subscribe() .
• sử dụng một nhà điều hành

Để chỉ unsubscribe bạn có thể làm điều đó như thế này.

ngOnInit() { 
    this.timer = Observable.timer(100, 100); 
    this.subscription = this.timer.subscribe(t => { 
     this.setFormData(); 
    }); 
} 

private setFormData() { 
    ... 
    this.subscription.unsubscribe(); 
} 

Hoặc bạn có thể sử dụng Tiêu đề để hoàn thành Quan sát qua takeUntil() điều hành:

this.subject = new Subject(); 

ngOnInit() { 
    this.timer = Observable.timer(100, 100); 
    this.timer 
     .takeUntil(this.subject) 
     .subscribe(t => { 
      this.setFormData(); 
     }); 
} 

private setFormData() { 
    ... 
    this.subject.next(); 
} 

Có một cái nhìn những cũng như:

• Difference between .unsubscribe to .take(1)
• RxJS: takeUntil() Angular component's ngOnDestroy()

Answer 2

bạn có thể sử dụng phương pháp unsubscribe khi bạn muốn dừng timer thể quan sát được như thế này

this.timer = Observable.timer(100, 100); 
this.subscription = this.timer.subscribe(t => { 
    this.setFormData(); 
}); 

............. 
this.subscription.unsubscribe();