Javascript 编辑、更新、删除角度列表
我在angular中有一个json对象Javascript 编辑、更新、删除角度列表,javascript,json,angularjs,list,Javascript,Json,Angularjs,List,我在angular中有一个json对象 [ { "orderNumber": 5821784, "accountNumber": 167067702, "taskCodes": { "3": 1, "5": 1, "23": 1, "51": 1, "71": 1 }, "orderCode
[
{
"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
}
]
我需要在任务代码列表中更新、删除和添加新任务代码
这是我的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.jsonObject.key.push(value);
将jsonObject
替换为对象名,并将其替换为键和值对!
我希望这个解决方案对你有用 得到答案了吗
变量o={
"23": 1,
"41": 1,
"51": 1
}
控制台日志(o)
删除o[41]
控制台日志(o)
o[56]=5;控制台日志(o)
它应该以代码现在的方式工作。然而,我认为这不是实际的代码。我打赌$scope.items变量在您尝试推送时未定义,请测试它。我同意Victor的观点,可能与其他代码有关。我想也没有关系,但是$scope.addItem=function(){}…@victor和Sebasti的末尾缺少一个分号。现在我更新我的问题,请检查一下。感谢您的回复尝试以前的代码,但是要做:
if(!(Object.prototype.toString.call($scope.items)=='[Object Array]'){$scope.items=[];}
作为第一个操作。@konrda我刚刚更新了我的问题,请现在检查。谢谢你的回复
$scope.jsonObject.key.push(value);