Edit, update, delete for angular list

Question

I have a json object in angular

[
    {
        "orderNumber": 5821784,
        "accountNumber": 167067702,
        "taskCodes": {
            "3": 1,
            "5": 1,
            "23": 1,
            "51": 1,
            "71": 1
        },
        "orderCode": "TC",
        "orderState": 0
    },
    {
        "orderNumber": 5821785,
        "accountNumber": 167067703,
        "taskCodes": {
            "23": 1,
            "41": 1,
            "51": 1
        },
        "orderCode": "TC",
        "orderState": 0
    }
]

i need to update, delete and add new taskCodes in taskCodes list.

Here is my html code :-

    <table class="table table-bordered">

                        <thead>
                            <tr>
                                <th>Code</th>
                                <th>Quantity</th>
                            </tr>
                        </thead> 
                        <tbody>
                            <tr data-ng-repeat="(key, taskCode) in Obj.taskCodes">
                                <td>
                                    <span data-ng-hide="editMode[$index]">{{key}}</span>
                                    <input type="text" class="input-sm form-control" data-ng-model="key" data-ng-show="editMode[$index]">
                                </td>
                                <td>
                                    <span data-ng-hide="editMode[$index]"> {{taskCode}} </span>
                                    <input type="number" class="input-sm form-control" data-ng-model="taskCode" data-ng-show="editMode[$index]" >
                                </td> 
                                <td><span class="glyphicon glyphicon-edit accordion-toggle clickable" data-ng-hide="editMode[$index]" data-ng-click="edit($index)"></span>
<span class="glyphicon glyphicon-ok accordion-toggle clickable" data-ng-hide="!editMode[$index]" data-ng-click="addItem($index)"></span>
</td>
                            </tr>
                        </tbody>
                    </table>

Controller Edit function :-

$scope.items = [];

    $scope.addItem = function () {
     //Need code here
    }

    $scope.editMode=[];
    $scope.edit = function(index) {
        $scope.editMode[index] = true;
    };

Can someone please help me to do all that. Thanks in advance

It should work in the way the code is right now. I think this is not the actual code however. I bet the $scope.items variable is undefined in the moment you try to push, test that. — victor175
– victor175, Commented Apr 19, 2015 at 19:58
I agree with Victor, might be related to some other code. Also not related I guess but there is a semicolon missing at the end of $scope.addItem = function () {} ... — sebastienbarbier
– sebastienbarbier, Commented Apr 19, 2015 at 20:01
@victor and Sebasti now i update my question please check it. and thanks for your reply — Er KK Chopra
– Er KK Chopra, Commented Apr 19, 2015 at 20:31
Try the code you had before, but do: if (!(Object.prototype.toString.call($scope.items) === '[object Array]')) { $scope.items = []; } As a first operation. — victor175
– victor175, Commented Apr 19, 2015 at 20:39

Er KK Chopra · Accepted Answer · 2015-04-20 06:01:12Z

1

Got the answer

var o = { "23": 1, "41": 1, "51": 1 }

console.log(o)

delete o[41];

console.log(o)

o[56] = 5; console.log(o)

answered Apr 20, 2015 at 6:01

Er KK Chopra

1,8508 gold badges33 silver badges57 bronze badges

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

Comments

Konrad Krakowiak · Accepted Answer · 2015-04-19 19:59:32Z

0

You can try it following way!

 $scope.jsonObject.key.push(value);

Replace jsonObject with your object name and same with the key and value pair! I hope the solution would work for you!

edited Apr 19, 2015 at 19:59

Konrad Krakowiak

12.4k11 gold badges61 silver badges45 bronze badges

answered Apr 19, 2015 at 19:55

Pragam Shrivastava

1,4283 gold badges14 silver badges20 bronze badges

1 Comment

Er KK Chopra Over a year ago

@konrda i just update my question please check now. and thanks for your reply

Collectives™ on Stack Overflow

Edit, update, delete for angular list

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related