Javascript 如果一个值与另一个作用域数据共享相同的id，则重复将其替换为另一个作用域数据

我对angular js非常陌生，所以这对你们来说可能是一个简单的解决方案

我有两个数据源，一个来自db，另一个来自第三方api。在ng repeat中，如果当前源的id匹配，我将尝试用第二个源的值替换当前源的一个值。我只想在视图中显示，因此我不需要更新数据库

<tr data-ng-repeat="affiliate in first_source">
                <td>{{affiliate.affiliate_id}}</td>
                <td>${{affiliate.payout | number:2}}</td>#I NEED TO REPLACE THIS VALUE FROM SECOND SOURCE if their id matches.

</tr>


**Origina Source example**
{affiliate_id:1,payout:2,type=test....}

**API SOURCE Example**
{affiliate_id:1,payout:5},{affiliate_id:2,payout:1}

Original outcome
<td>1</td>
<td>2</td>
<td>test</td>

Required Outcome
<td>1</td>#from original source
<td>5</td>#from second source
<td>test</td>#from original source

{{affiliate.affiliate_id}
${{affiliate.payout | number:2}}}如果第二个源的id匹配，我需要替换该值。
**源代码示例**
{附属机构id:1，支出：2，类型=测试…}
**API源代码示例**
{附属机构id:1，支出：5}，{附属机构id:2，支出：1}
原始结果
1.
2.
测试
所需成果
1#来自原始来源
5#来自第二来源
测试#来自原始来源

---

任何建议

如评论中指出的，您可以使用过滤器、指令、控制器功能来完成

下面是一种方法。这一项使用ng if指令在模板中执行。

 <tbody>
        <tr ng-repeat="affiliate in firstSource">
          <td>{{affiliate.id}}</td>
          <td ng-if="affiliate.id==secondSource[$index].id">{{secondSource[$index].payout}}</td>
          <td ng-if="affiliate.id!=secondSource[$index].id">{{affiliate.payout}}</td>
          <td>{{affiliate.type}}</td>
        </tr>
 </tbody>

{{affiliate.id}
{{secondSource[$index].payout}
{{affiliate.payout}
{{affiliate.type}

您可以在此处预览工作版本：

---

如果数组的顺序不同，最好调用控制器函数。演示如下：

---

您要替换的值是什么？你能告诉我们你想要什么的“预期结果”和“实际结果”吗？你可以通过多种方式做到这一点。。。自定义筛选器或scopeupdated source@charlietfl中的指令或函数如果我添加自定义筛选器，如何使用数据（目前它们都存储在scope变量中）一种简单的方法是

{{{payout（affiliate）}

然后编写函数

$scope.payout=函数（affiliate）{

，如果两个源的顺序相同，则返回解决方案句柄函数所需的内容，但这取决于您的限制。如果你的阵列可以按不同的顺序排列，我已经用另一个Plunk更新了帖子，可以处理这个问题。但是，如果您的阵列可以有重复的ID，则此方法将不起作用。在这种情况下，你有另一个限制，你需要更多的逻辑来解释这一点。