javascript - 使用 AngularJS 删除和更新 json 对象

标签 javascript json angularjs

我有一个包含对象的 json 数组。每个对象都有一堆键和值。使用 ng-repeat 在我的 html 页面中显示该对象。如果我单击特定对象的编辑,对象将在 bootstrap 模式下切换。如果在模式窗口中进行更改,它会直接影响 json 对象,并且 UI 中应该发生即时更改。所以我使用 angular.copy 来获取重复的对象并显示在模式窗口中。我想做的是,如果我单击模式对话框中的更新按钮,则拼接json对象并将重复的 json对象插入到同一索引内的数组中。我该怎么做。这里是示例代码

   $scope.array = [{"ItemId":"20113",
                   "ItemModel":"C2",
                   "ItemName":"Nokia", .....},
                   {....}, 
                   {....},
                   {....}, ......]

我想要在数组中splice索引2,并在数组中插入一个与2相同的索引的新对象

最佳答案

为什么使用 angular.copy?

如果您传递要编辑的对象,则之后不需要刷新它。(抱歉我误读了您需要更新按钮)

不过,要回答您的问题,您的解决方案是将对象替换为新对象:

$scope.array[index] = modifiedObject;

关于javascript - 使用 AngularJS 删除和更新 json 对象,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30215488/

相关文章:

javascript - 向 Rails Controller 发送 AJAX 请求,然后向外部服务发送 HTTParty,后者将 JSON 返回到 .html.erb 文件中的输出

javascript - 将表单操作调用的 JSON 输出保存在 JavaScript 变量中?

javascript - 如何使用 jQuery 合并 2 个 json 文件中的数据

javascript - AngularJs读取json文件

Angularjs 似乎抛出无意义的错误

javascript - Regex.compile 在 Ruby 中做什么?

javascript - VS2008中变量声明警告

javascript - 如何从 HTML 元素执行 javascript 函数并发送该元素名称而不专门使用其名称?

javascript - 如何读取我的 Node.js 应用程序中的 json 文件?

javascript - Angular JS : How to avoid loss of data of $http call on page refresh?