提前输入AngularStrap：$ http调用过多

Question

I'm using angularstrap typeahead for autocomplete suggestions via $http. Demo here.

 <input type="text" class="form-control" ng-model="selectedAddress" data-animation="am-flip-x" bs-options="address.formatted_address as address.formatted_address for address in getAddress($viewValue)" placeholder="Enter address" bs-typeahead>

Everything works fine but everytime I type a letter, a call is made. Even if I set a minLength of 3, a call is made for length one and two.

How do I prevent that behaviour? Other thing that happens is when template/controller is loaded, the function getAddress is called...

Answer 1

Use ng-model-options as attribute of :

ng-model-options="{ debounce: 2000 }"

This code will help you to make the call only at an interval of 1 second. Even if you type 4-5 chars during that time it'll still call only once every 2 seconds.