AngularJS timeout AJAX call

Question

On next example I modified event, so instead on button click now call is on-change:

<input type="text" ng-model="keywords" ng-change="search()"/>

a-simple-search-with-angularjs-and-php

How to add delay/timeout so the script waits a second before making AJAX call? (i.e. to give the user time to finish typing before making call)

R3tep · Accepted Answer · 2015-05-29 16:25:07Z

1

Try to add the function $timeout in your search scope.

Example :

function Ctrl($scope, $timeout) {
    $scope.search = function() {
        $timeout(function(){

          /* Execute your script */

        }, 1000); //add timeout 
    }
}

edited May 29, 2015 at 16:25

answered Apr 29, 2014 at 9:46

R3tep

12.9k10 gold badges52 silver badges77 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Goce Ribeski Over a year ago

Did not worked as this: /* Execute your script */ alert('test');

mexekanez · Accepted Answer · 2016-08-22 15:08:23Z

0

Angular 1.3, just add a debounce option on the model

<input type="text" ng-model="keywords" ng-model-options="{debounce: 1000}">

Documentation on ngModelOptions:

https://docs.angularjs.org/api/ng/directive/ngModelOptions

answered Aug 22, 2016 at 15:08

mexekanez

2963 silver badges8 bronze badges

Collectives™ on Stack Overflow

AngularJS timeout AJAX call

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related