在 AngularJS 中更改嵌套对象值会更改所有其他值

Question

考虑以下嵌套对象，它循环 10 次以在每个星期一的给定时间生成具有 10 周时间表的对象：

$rootScope.bookings_times_list = [];
for (i = 0; i < 10; i++) {    
    $rootScope.bookings_times_list.push({
        week: i,
        schedule: [{
            booking_day: "Monday",
            booking_times: [{
                "booking_start_time": "00:15",
                "booking_end_time": "01:00",
                "booking_selected": "",
                "booking_selected_date": "",
                "booking_time": "30 Nov 2019 07:35hrs"
            }]
        }]                         
    });
}

问题是如下所示将booking_selected值更改为1会将每周所有booking_selected键的值更改为1 ：

$rootScope.bookings_times_list[0].schedule[0].booking_times[0].booking_selected = 1;

当$rootScope.bookings_times_list[0]的键在第一周明确设置为0时，为什么会发生这种情况？

====更新====

实际代码以空的预订时间开始，如下所示：

$rootScope.bookings_times_list = [];
for (i = 0; i < 10; i++) {    
    $rootScope.bookings_times_list.push({
        week: i,
        schedule: [{
            booking_day: "Monday",
            booking_times: []
        }]                         
    });
}

接下来是另一个for循环，它拼接星期一并添加预订中可用的实际时间表：

for (a = 0; a < $rootScope.bookings_times_list.length; a++) {
    for (y = 0; y < $rootScope.bookings_times_list[a].schedule.length; y++) {
        if($rootScope.business_bookings[$rootScope.bookings_index].booking_times[y]){
            var index = $rootScope.bookings_times_list[a].schedule.findIndex(x => x.booking_day === $rootScope.business_bookings[$rootScope.bookings_index].booking_times[y].booking_day);

            if(index >= 0){
                $rootScope.bookings_times_list[a].schedule.splice(index, 1, $rootScope.business_bookings[$rootScope.bookings_index].booking_times[y]);
            }
         }
    }
} 

看来第二个for循环是问题的原因。 拼接是否影响对象的初始化方式？

===更新===

我还刚刚注意到，问题不在于拼接。 因为从改变

$rootScope.bookings_times_list[a].schedule.splice(index, 1, $rootScope.business_directory_records[$rootScope.index].business_bookings[$rootScope.bookings_index].booking_times[y]);

到

$rootScope.bookings_times_list[a].schedule[index] = $rootScope.business_directory_records[$rootScope.index].business_bookings[$rootScope.bookings_index].booking_times[y]

在第二个 for 循环中仍然会产生相同的问题。

Answer 1

使用angular.copy ：

 .splice(index, 1, angular.copy(monday));

angular.copy函数创建不共享其内容的新对象。

有关详细信息，请参阅

• AngularJS angular.copy函数 API 参考