Angular input延遲防抖debounceTime

import {Component, OnInit} from '@angular/core';
import {AbstractControl, FormBuilder, FormGroup, Validators} from '@angular/forms';
import {ActivatedRoute, Router} from '@angular/router';
import {RegisterService} from './register.service';
import {TranslateService} from '@ngx-translate/core';
import {locale as chinese} from '../../shared/shared-i18n/cn';
import {locale as english} from '../../shared/shared-i18n/en';
import {MatSnackBar} from '@angular/material';
import {postcodeValidator} from '../../shared/directive/postcode-valid.directive';
import {fuseAnimations} from '../../../../@fuse/animations';
import {FuseConfigService} from '../../../../@fuse/services/config.service';
import {FuseTranslationLoaderService} from '../../../../@fuse/services/translation-loader.service';
import {CountryRegion} from '../../entity/local-db/country-region';
import {StateRegion} from '../../entity/local-db/state-region';
import { Subject } from 'rxjs';
import { debounceTime } from 'rxjs/operators';

export class RegisterFormComponent implements OnInit {

    subject: Subject<any> = new Subject();

    ngOnInit(): void {        
       
        this.subject
        .pipe(debounceTime(600))     // input debounceTime delay延時調用
        .subscribe(() => {        
                // console.log(this.registerForm.controls['company_postcode'].value);  
                this.getSuburbPostcode();              
            }
        );
    }



}

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章