Convert object to array for ng-repeat using angularjs

Question

I create two global variables such as var DiscountRef = {};var shareDetail = []; when the user add the form I store all the values in DiscountRef variable such as

RefValue = {Mobile:9876543210,Quantity:3}
$scope.shareDetail = Object.Keys(RefValue);//I try Object.entries also

when I want to display the data in the table

{{shareDetail}}
<div ng-repeat="share in shareDetail">
  {{share.Mobile}}
  {{share.Quantity}}
 
</div>

Its displaying empty array

I also try this

 <div ng-repeat="(key, value) in shareDetail">
    {{key}} : {{value}}
 </div>

It will get the result.how can I access particular key value pairs such as MobileNo:9876543210 & Quantity:3

try this: $scope.shareDetail = [RefValue ];

WilsonPena
– WilsonPena

2020-07-20 15:02:39 +00:00
Commented Jul 20, 2020 at 15:02 — WilsonPena
– WilsonPena, Commented Jul 20, 2020 at 15:02

Abu Sufian · Accepted Answer · 2020-07-20 15:48:00Z

1

$scope.value = {Mobile:9876543210,Quantity:3};
$scope.shareDetail = [];
Object.keys($scope.value).forEach(function(key, value)
{
    $scope.shareDetail.push({"item_name": key, "value": $scope.value[key]});
});

Then you can do ng-repeat:

<div ng-repeat="(key, item) in shareDetail">      
    {{item.item_name}} : {{item.value}}
</div>

Thanks

edited Jul 20, 2020 at 15:48

answered Jul 20, 2020 at 15:03

Abu Sufian

1,0641 gold badge7 silver badges15 bronze badges

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

4 Comments

Michael Over a year ago

I already get the result in the above code but I want Mobile,Quantity value to be used in the a tag such as <a href="{{Mobile.value}}">

Abu Sufian Over a year ago

as you have Mobile & Quantity value so what's problem are you facing?

Abu Sufian Over a year ago

@Michael I have updated my code, could you please try now and let me know. Thanks

Abu Sufian Over a year ago

welcome. @Michael please accept the answer if it works :)

Collectives™ on Stack Overflow

Convert object to array for ng-repeat using angularjs

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related