Javascript AngularJS：为什么双向绑定可以处理更新，但如果数据被过滤，就不允许添加或删除？

如果在工厂级别筛选数据，然后将其绑定到范围变量，则更新会按预期工作（工厂数据也会更新），但添加或删除的尝试不会传播到原始工厂数组。

如果不过滤工厂数据，双向绑定就可以完美地工作

var myApp = angular.module('myApp',[]);

myApp.factory('myDataFactory', function(){

  var factorydata = [{"a":1, "b":22}, {"a":3, "b":22}, {"a":5, "b":33}];

  return {
    FilteredData: function(b_filter){
      return factorydata.filter(function (datarow) { return datarow.b==b_filter });
    }
  }
});

myApp.controller('myCtrl', function($scope, myDataFactory) {
  $scope.filtered_data = myDataFactory.FilteredData(22);

  $scope.updateFilteredData = function(){
    $scope.filtered_data[0].a = 1111111; 
  }

  $scope.spliceFilteredData = function(){
    $scope.filtered_data.splice(0,1);
  } 
  $scope.pushFilteredData = function(){
    $scope.filtered_data.push({"a":777, "b":22});
  }
});

在codepen上试用：

你能解释一下这种行为吗

---

在保留双向绑定功能（添加/删除）的同时，如何重新构造代码以保持从控制器查询factory数组的能力

myDataFactory.FilteredData（22）

。

“但添加或删除的尝试不会传播到原始factory数组”为什么要这样做？操作原始数组。数组。原型。过滤器在工厂中创建一个与原始数组无关的新对象，因此根本不会更新。对过滤数组的更新会更新原始数组，所以

Array.prototype.filter

必须是浅拷贝。@zeroflagL我需要能够查询工厂数据：

myDataFactory.Filteredata（22）

“所以Array.prototype.filter必须是浅拷贝”这正是插入和删除不会影响原始数组的原因，您必须将这些操作直接应用于原始数组，而不是副本。如果副本也必须更新，那么只需再次调用

FilteredData

。“但是添加或删除的尝试不会传播到原始工厂数组”为什么要这样做？操作原始数组。数组。原型。过滤器在工厂中创建一个与原始数组无关的新对象，因此根本不会更新。对过滤数组的更新会更新原始数组，所以

Array.prototype.filter

必须是浅拷贝。@zeroflagL我需要能够查询工厂数据：

myDataFactory.Filteredata（22）

“所以Array.prototype.filter必须是浅拷贝”这正是插入和删除不会影响原始数组的原因，您必须将这些操作直接应用于原始数组，而不是副本。如果副本也需要更新，只需再次调用

FilteredData

。