सेटटाइमआउट जारी रहता है जब उपयोगकर्ता अलग-अलग पृष्ठ पर जाता है, कोणीय टाइपस्क्रिप्ट में टाइमआउट कैसे साफ़ करें?

Question 1

मैंने 10 सेकंड के बाद अपलोड पेज पर जाने के लिए सेटटाइमआउट का इस्तेमाल किया। लेकिन टाइमआउट तब जारी रहता है जब उपयोगकर्ता दूसरे पेज पर नेविगेट करता है। मैंने इस लिंक के निर्देशों का पालन किया (Angular 2 setinterval() चालू रहता है अन्य घटक) और ngOnDestroy में clearTimeout जोड़ा, लेकिन यह काम नहीं करता है।

  ngOnInit() {
    
    // Get uploaded file info
    this.uploadService.getFileInfo().subscribe((value) => {
      this.fileInfo = value;
    

      this.http.post(environment.apiUrl+'/api/dataValidation/validateData.php', this.fileInfo)
        .subscribe(res => {
          console.log('response'+res)
          if (res['length']<5) {
            
            //console.log(res);
            this.failure = true;
            this.fileValidationResults.errorMessage =res[0];
            this.loading = false; // stop loading screen
            this._timer =setTimeout(() => {
              this.router.navigate(["/uploads/upload"]);
            }, 10000); 
          }
        })
    });

  }
  ngOnDestroy() {
    if (this._timer){
      clearTimeout(this._timer);
  };
  }

जब उपयोगकर्ता किसी अन्य लिंक पर नेविगेट करता है और सेटटाइमआउट() केवल अपने स्वयं के घटक में काम करता है तो मैं सेटटाइमआउट() को कैसे रोक सकता हूं?

angular typescript settimeout cleartimeout

1

Yuandong 8 फरवरी 2021, 02:23

मुझे पता चला कि क्यों, ngOnInit() और ngOnDestroy() में दो टाइमर इंस्टेंस जेनरेट किए गए थे, केवल दूसरे को साफ़ करता है।

–

Yuandong

8 फरवरी 2021, 05:32

Answer

चाहिए काम करना चाहिए, याद रखें कि कब अपने घटक को OnDestroy लागू करने की घोषणा करें

BTW, आप सेटटाइमआउट के बजाय rxjs के timer ऑपरेटर का उपयोग कर सकते हैं

import {timer} from 'rxjs'
import {takeWhile} from 'rxjs/operators'
...

export class OneComponent implements OnInit,OnDestroy {

   alive:boolean=true;

   ngOnInit(){    
     timer(1000).pipe(takeWhile(()=>this.alive)).subscribe(_=>{
        this.router.navigate(['/three'])
     })
   }

   ngOnDestroy()
   {
       this.alive=false;
   }
}

2

Eliseo 8 फरवरी 2021, 02:49

धन्यवाद! ऑनडेस्ट्रॉय लागू किया गया था। सेटटाइमआउट काम नहीं करता है लेकिन टाइमर वास्तव में काम करता है। दिलचस्प।

–

Yuandong

8 फरवरी 2021, 03:06

Question 2

चाहिए काम करना चाहिए, याद रखें कि कब अपने घटक को OnDestroy लागू करने की घोषणा करें

BTW, आप सेटटाइमआउट के बजाय rxjs के timer ऑपरेटर का उपयोग कर सकते हैं

import {timer} from 'rxjs'
import {takeWhile} from 'rxjs/operators'
...

export class OneComponent implements OnInit,OnDestroy {

   alive:boolean=true;

   ngOnInit(){    
     timer(1000).pipe(takeWhile(()=>this.alive)).subscribe(_=>{
        this.router.navigate(['/three'])
     })
   }

   ngOnDestroy()
   {
       this.alive=false;
   }
}

2

Eliseo 8 फरवरी 2021, 02:49

धन्यवाद! ऑनडेस्ट्रॉय लागू किया गया था। सेटटाइमआउट काम नहीं करता है लेकिन टाइमर वास्तव में काम करता है। दिलचस्प।

–

Yuandong

8 फरवरी 2021, 03:06

सेटटाइमआउट जारी रहता है जब उपयोगकर्ता अलग-अलग पृष्ठ पर जाता है, कोणीय टाइपस्क्रिप्ट में टाइमआउट कैसे साफ़ करें?

1 उत्तर

संबंधित सवाल

जुड़े हुए प्रश्न

नए सवाल

angular