angular.copy()功能学习

最新推荐文章于 2025-05-14 16:00:38 发布

原创最新推荐文章于 2025-05-14 16:00:38 发布 · 911 阅读

0 ·

CC 4.0 BY-SA版权

angularJS 专栏收录该内容

3 篇文章

订阅专栏

本文介绍了在Angular.js项目中如何使用angular.copy()方法来实现数据回退到初始状态，特别是在处理弹出框关闭时的数据管理。通过示例代码详细阐述了该方法的应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

项目中用的前端是ftl + angular.js

今天遇到个问题关于弹出框,若点击关闭按钮,数据回退到弹出框初始化状态,用到了angular.copy()方法

项目js代码案例:

/**
 * 商品库存批次修改
 */
$scope._repeatItem = {};
$scope.modifyInventory = function (repeat_item) {
    $scope._repeatItem = angular.copy(repeat_item);
    //库存批次赋值，自定义，双向绑定数据
    $scope['repeat_item'] = repeat_item;
    //弹出框展示
    $('.deduct_segmentation_box').modal("show");
}

/**
 * 点击关闭按钮,新增清空之前数据,编辑还原以前数据
 */
$scope.colseBatchGoods = function (className) {
    angular.copy($scope._repeatItem, $scope.repeat_item);
    $("." + className).modal("hide");
};
其中重点在如下代码:
angular.copy($scope._repeatItem, $scope.repeat_item);
//重置数据的层面放在此处，此处将  $scope._repeatItem  深拷贝到 $scope.repeat_item 中，可以根据需求放入原来的模型。