javascript - 如何在 ng-repeat 上获取两个 Controller 的结果

Question

我想在同一个ng-repeat中获取两个对象的值

$http.get('/api/PreviewPayroll').success(function (data){
    //alert(data[0].empID);
    $scope.allowance = data;
});

$http.get('/api/Deduction').success(function (data){
    //alert(data[0].empID);
    $scope.Deduction = data;
});

<tr ng-repeat="item in allowance && ng-repeat="value in Deduction">
    <td>{{ item.empID }}</td>
    <td>{{ value.empID }}</td>
</tr>

如何在同一个 ng-repeat 上获取两个作用域对象

Answer 1

因此您需要合并数据。

您可以使用$q.all(promises):

var promise1 = $http.get('/api/PreviewPayroll');

var promise2 = $http.get('/api/Deduction');

$q.all([promise1, promise2]).then(function (results) {
    var allowances = results[0];
    var deductions = results[1];

    var combinedList = /* some combination logic */;
});

通过使用$q.all()，您可以确保在尝试组合任何内容之前拥有两个数据列表。您可以轻松地使用它以获得所需的效果。例如，如果您不关心其他列表是否不可用。

然后您可以使用 ng-repeat 来迭代该新的组合列表:

<tr ng-repeat="item in combinedList">
    <td>{{ item.allowance.empID }}</td>
    <td>{{ item.deduction.empID }}</td>
</tr>

子属性津贴和扣除基于您的组合列表。

但是

我诚实地认为，服务器端以您需要显示的格式提供数据。(即业务逻辑在受控环境中保留在服务器端)。我相信 View 应该只处理 View 逻辑，例如按钮操作等。

但这是我的观点，也是我认为最简单的。

另一条注释

我更喜欢将 View 逻辑保留在 JavaScript 中，因此我在那里组合数据。而不是尝试在 HTML 中做一些过于复杂的 Angular 表达。