编辑,更新,删除角度列表

时间:2015-04-19 19:45:25

标签: javascript json angularjs list

我有角度

的json对象
[
    {
        "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
    }
]

我需要在taskCodes列表中更新,删除和添加新的taskCodes。

这是我的HTML代码: -

    <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>

控制器编辑功能: -

$scope.items = [];

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

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

有人可以帮助我做所有这些。 提前致谢

2 个答案:

答案 0 :(得分:1)

得到了答案

  

var o = {               &#34; 23&#34;:1,               &#34; 41&#34;:1,               &#34; 51&#34;:1           }

     

的console.log(O)

     

删除o [41];

     

的console.log(O)

     

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

答案 1 :(得分:0)

您可以按照以下方式尝试!

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

jsonObject替换为您的对象名称,并将其替换为键和值对! 我希望这个解决方案适合你!