Angular ng-repeat: construct new object

Question

var $scope.notif holds this data:

In a popup, I want to view the different messages, so I used:

<ion-list><ion-item ng-repeat="n in notif">{{n.msg}}</ion-item></ion-list>

While message 1 and message 2 are there, there are also 3 empty list items, probably because the length of the data is 5 because of the msg, msg_titleand notif_type.

Example showing the empty list items here.

Can I somehow tell Angular repeat the length minus 3?

I've tried removing the 3 extra items in the object using:

    for(var i=0; i<($scope.notif.length); i++) {
            $scope.notifnew.push($scope.notif[i]);
    }

But $scope.notifnew is now undefined...

No, just "Message 1" and "Message 2" (or more if there are more), but never the empty lines. — binoculars
– binoculars, Commented Jan 9, 2016 at 14:54

miensol · Accepted Answer · 2016-01-09 15:10:49Z

1

You can filter out properties that you don't like:

var data = test.notification.android.payload;
$scope.notif = Object.keys(data).filter(function(key){
  return /^\d+$/.test(key); // or !!data[key].msg
}).map(function(key){
  return  data[key];
});

I've updated your plunker.

answered Jan 9, 2016 at 15:10

miensol

41.9k9 gold badges127 silver badges116 bronze badges

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

Comments

koox00 · Accepted Answer · 2016-01-09 15:29:29Z

$scope.notif.length won't work because $scope.notif is an object not an array. You can iterate with:

var messages = []; 
angular.forEach($scope.notif, function(val, key){

    if (!isNaN(parseInt(key))) {
        messages.push(val);
    } 
})

But this structure seems "broken" to me. Furthermore payload should be an array imo.

var test = {
    "user_ids":["...","..."],
    "notification":
    {
        "alert":"dummy",
        "android":{
            "title":"New alert 2",
            "payload":{
                "msg":"lala",
                "msg_title":"Thanks!",
                "notif_type":"alert",
                "0":{
                    "msg":"Message 1"
                },
                "1":{
                    "msg":"Message 2","msg_title":"Thanks!"
                }
            }
        }
    }
}

Collectives™ on Stack Overflow

Angular ng-repeat: construct new object

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related