How to remove a list object using angularJS

Question

Hi I have a Angular data as follows,

{"category":"B","check_histories":[{"date_created":"2015-10-07T10:35:38","field_name":"category","new_value":"B","old_value":null,"resource_uri":"","type":1,"username":"e1007476"},{"date_created":"2015-10-07T10:35:39","field_name":"check_name","new_value":"222","old_value":null,"resource_uri":"","type":1,"username":"e1007476"},{"date_created":"2015-10-07T10:37:25","field_name":"check_name","new_value":"22233","old_value":"222","resource_uri":"","type":0,"username":"e1007476"}],"check_name":"22233","date_created":"2015-10-07T10:35:38","date_modified":"2015-10-07T10:37:25","id":134,"is_valid":true,"resource_uri":""}

How to remove all the data EXCEPT check_histories from the data, when I click a remove button. I have tried

$scope.clear = function(index) {
        $scope.final_data.checks.splice(index, 1);
    };

But it deleted the entire data, instead of the desired part. Am quite new to AngualrJS. Please help me on it. Thanks in advance.

you only want to keep check_histories property ?

Anik Islam Abhi
– Anik Islam Abhi

2015-10-07 03:11:06 +00:00
Commented Oct 7, 2015 at 3:11 — Anik Islam Abhi
– Anik Islam Abhi, Commented Oct 7, 2015 at 3:11
Yes, thats right Anik

gentle
– gentle

2015-10-07 03:14:23 +00:00
Commented Oct 7, 2015 at 3:14 — gentle
– gentle, Commented Oct 7, 2015 at 3:14

UserNeD · Accepted Answer · 2015-10-07 03:40:27Z

1

You can use Javascript "delete" as following:

delete $scope.final_data.checks.category;
// or,
delete $scope.final_data.checks['category'];
// or,
var prop = "category";
delete $scope.final_data.checks[prop];

In your case you have to loop through your object property and delete them:

angular.forEach($scope.final_data, function(value, key) {
   if(key !== 'check_histories') {
      delete $scope.final_data[key];
   }
}

answered Oct 7, 2015 at 3:40

UserNeD

1,51913 silver badges14 bronze badges

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

Comments

asgoth · Accepted Answer · 2015-10-07 04:33:28Z

0

The Underscore way:

$scope.final_data.checks = _.pick($scope.final_data.checks, 'check_histories');

answered Oct 7, 2015 at 4:33

asgoth

35.8k12 gold badges91 silver badges98 bronze badges

Collectives™ on Stack Overflow

How to remove a list object using angularJS

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