ng-repeat to handle both data as object and array

Question

Can anyone help me with below query ?

Sometimes I will get the data as JSONObject and sometimes I will get the data as JSONArray during the time of ng-repeat it will only work with JSONArray but not with JSONObject situation Can you suggest me something here?

Here is the example this will show the value of _serviceID only when Service comes as an array but this won't work if Service section comes as an Object

<td class="features">
<span ng-repeat="indi in ServiceChanges.ServiceInstalls.Service">{{indi._serviceID}}<br></span>
</td>

Note : I don't want to use ng-if to check the length as it affects the position of my DOM in other DIV So is there any solution other than this kind of approach like converting object into array by adding dummy values?

whyyie · Accepted Answer · 2016-10-22 17:56:14Z

1

You could convert the return response into an array in controller.

.controller(function ($scope) {
    // code here

    var serviceArray = [];
    var response = angular.copy($scope.ServicesChanges.ServiceInstalls.Service);

    if (angular.isObject(response)) {
        serviceArray.push(response);
        $scope.serviceArray = serviceArray;
    } else if (angular.isArray(response)) {
        $scope.serviceArray = response;
    } else {
        $scope.serviceArray = serviceArray;
    }

    // code here
});

<td class="features">
    <span ng-repeat="indi in serviceArray">{{indi._serviceID}}<br></span>
</td>

answered Oct 22, 2016 at 17:56

whyyie

8024 silver badges10 bronze badges

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

6 Comments

whyyie Over a year ago

@Batman which part is not working? what output do you get for $scope.serviceArray after you implemented above code?

Mahesh G Over a year ago

The loop is going to else condition and when i check in Console it shows undefined

whyyie Over a year ago

what do you get for ServicesChanges.ServiceInstalls.Service initially in your code?

Mahesh G Over a year ago

inline { "PackageCode": "ST099", "CSGServiceIdentifier": "5", "_serviceID": "ST099" } I was getting like this

whyyie Over a year ago

@Batman I guess something gone wrong in some part of your code. Most probably that if you use the above code var response = angular.copy($scope.ServicesChanges.ServiceInstalls.Service); does not give you expected outcome of your response. Take a look at this jsfiddle i created. jsfiddle.net/Lvc0u55v/11091 It works.

|

Collectives™ on Stack Overflow

ng-repeat to handle both data as object and array

1 Answer 1

6 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

6 Comments

Your Answer

Sign up or log in

Post as a guest

Related