Join the social network of Tech Nerds, increase skill rank, get work, manage projects...
 

  • Iterate json data in angularJS

    @ekta.mullick
    Recommendations Offline Message

    • 0
    • 1
    • 0
    • 0
    • 0
    • 0
    • 0
    • 0
    • 532
    Comment on it

    While working for an autocomplete funtionality in angularJS encountered a problem where instead of the JSON we need to iterate each element and have to make an Array of string.

    For iterating the JSON data(from server side), we used:

    1. $scope.complete = function(){
    2.  
    3.    WebService.getData($scope.search)
    4.   .then(function(response){
    5.  
    6.    $scope.data = response.data.dataList;
    7.    
    8.             //we can use function(item) instead of function(item, index) if index number is not required
    9.    angular.forEach($scope.data, function(item, index){
    10.         $scope.values[index] = item.data1+","+item.data2;
    11.       })
    12.      
    13.    $("#suggestion").autocomplete({ source: $scope.values });
    14.    
    15.   },function(error){
    16.    console.log('error');
    17.   });
    18.   }

    Here scope.values is array of string, where we have put all the data.

    AngularJS iterate
    Comment on it

 0 Comment(s)

Sign In
Forgot Password?
                           OR                           
Create an account !!
                           OR                           
Register

Sign up using

                           OR                           
Forgot Password
Reset Password
Fill out the form below and reset your password: