Patricio Bustos Patricio Bustos - 1 year ago 140
reST (reStructuredText) Question

Do an automatic request

Im working on angularJS.

I have an input connected to a service who serves a postal code. (in my case all the zip codes have 5 numbers)

I want that when I put the 5th number, it makes the call without press a button.

My service is this:

.controller('codPostal', codPostal);

function codPostal($scope, $http, $rootScope) {
$scope.SendCP = function () {
var config = {
headers : {
'Content-Type': 'application/json;charset=utf-8;'
url:'' + $scope.formData.domicilio.codPostal,

headers: {
'Content-Type': 'application/json'
.success(function ( data, status, headers, config) {
$rootScope.cpResponse = data;

.error(function (data, status, header, config) {
$scope.CPdetails = "Data: " + data +
"<hr />status: " + status +
"<hr />headers: " + header +
"<hr />config: " + config;


I use a 'SendCP' as trigger to get the response.

Answer Source

You can use ng-change on any input that has an ng-model and when the model is updated due to a user event (key up) the ng-change will fire, in there you can check if the length of the string matches 5 and if so fire your function.

.controller('myCtrl', function($scope){

  $scope.SendCP = function(){ alert('do existing thing here')}
  $scope.zipCodeHandler = function(zipcode){
<!DOCTYPE html>
<html ng-app="myApp">
<script src=""></script>

<body ng-controller="myCtrl">

  <input ng-model="zipCodeHere" ng-change="zipCodeHandler(zipCodeHere)"/>



Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download