Jquery 比较AngularJS的两个模型

假设我有这些模型

第一目标

{
  GoalId: 30
  GoalDesc: "The quick brown fox"
},
{
  GoalId: 31
  GoalDesc: "The quick brown fox junior"
},{
  GoalId: 32
  GoalDesc: "The quick brown fox senior"
}

第二个目标

{
  GoalId: 30
  GoalDesc: "The quick brown fox"
},
{
  GoalId: 35
  GoalDesc: "The big bad fox"
},{
  GoalId: 36
  GoalDesc: "The little red fox"
}

这些是我的htmls：

<table>
       <tr ng-repeat="goal in firstGoals" id="choose-goals-row-{{goal.GoalId}}">
            <td><input type="checkbox" id="selection-chkbox-{{goal.GoalId}}" ng-model="secondaryGoals[$index].selected" ng-true-value="true" ng-false-value="false" style="float:left;margin-left:0px;"/></td>
            <td>{{goal.GoalDesc}}</td>
        </tr>
    </table>

<table>
       <tr ng-repeat="goal in secondGoals" id="choose-goals-row-{{goal.GoalId}}">
            <td><input type="checkbox" id="selection-chkbox-{{goal.GoalId}}" ng-model="secondaryGoals[$index].selected" ng-true-value="true" ng-false-value="false" style="float:left;margin-left:0px;"/></td>
            <td>{{goal.GoalDesc}}</td>
        </tr>
    </table>

{{goal.GoalDesc}}
{{goal.GoalDesc}}

如何使用过滤来比较这两个模型？我需要在第二个模型“secondGoals”中不存在的第一个模型“firstGoals”对象，通过它们的GoalId属性使用jQuery和AngularJS

firstGoals应该是活的或可观察的（我正在使用最新的AngularJS库） 我现在正在做的是，如果我单击删除按钮，我在firstGoals模型中选择的目标将被传输（推送拼接方法）到secondGoals，反之亦然，用于删除对象/阵列的批量添加/删除

---

附加：鉴于我们正在以相同的格式拼接和推送批量对象，所有应显示在第一个目标上的内容应在第二个目标上不存在。。我想第一个目标应该是自动刷新模式，我想第一个目标和第二个目标都是数组。 当推入secondGoals时，只需检查secondGoals中是否已经存在数据（

secondGoals.indexOf（data）=-1

），如果没有推入数据。这同样适用于firstGoals

scope.pushData = function(from, to, data){
  if(to.indexOf(data) == -1){
    to.push(data);
  }
  from.splice(from.indexOf(data),1);
}

<div ng-click='pushData(firstGoals, secondGoals, data)></div>

scope.pushData=函数（从、到、数据）{
if（to.indexOf（data）=-1）{
推送（数据）；
}
from.splice（from.indexOf（数据），1）；
}
也许只是尝试创建一个自定义过滤器？这就是我需要的。但是我不知道（您是一个接一个地添加/删除多个对象还是作为批量添加/删除多个对象。如果您是一个接一个地添加/删除选项，或者在批量循环必须添加或删除的对象并调用pushData函数的情况下，您可以在ng repeat中包含添加/删除选项。您是否可以提供一个示例plunker代码，说明您希望如何添加或删除这些对象？