在 Ng-Repeat 中使用函数

Question

我有两个对象数组。一个数组是权限组对象列表，另一个是用户组列表。我试图弄清楚如何将组所有者（即 70）与匹配 ID 的用户列表进行比较。

Groups 数组 (ReportModel.report) 的结构如下：

[{ 
name: Admin,
id: 71,
description: Important Group,
owner: 70,
ownerIsUser: True
 }]

用户数组（ReportModel.users）的结构如下：

[{ 
name: All Users (windows),
id: 70,
domain: c:0!.s|windows,
email: ,
isAdmin: False
 }]

使用组对象数组，我在表格中显示所有组。

HTML：

<tr ng-repeat="group in ReportModel.report" on-finish-render
    <td>{{group.id}}</td>
    <td>{{group.description}}</td>
    <td>{{group.owner}}</td>
    <td><td>{{getOwner(group.owner)}}</td></td> //I'm trying to get this cell to display "All Users (windows)"
    <td>{{group.ownerIsUser}}</td>
</tr>

我找到了一个函数，它执行 ID 查找并返回正确的用户对象，我可以从中提取名称，但我不知道如何在 ng-repeat 中的视图中调用此函数并返回正确的名字

这是我的controller：

function loadUsers(){
    UserService.loadUsers().then(function (data){
        console.log('getting users');
        $scope.ReportModel.users = data;            })
}


function findById (source, id) {
    return source.filter(function( obj ) {
        // coerce both obj.id and id to numbers 
        // for val & type comparison
        return +obj.id === +id;
    })[ 0 ];
}

$scope.getOwner = function (ownerID) {
    console.log('get owner called', ownerID);
    var owner = findById($scope.ReportModel.users, ownerID);
    console.log(owner.name);
    return owner.name;
}

Answer 1

只是让我的评论成为答案。

您可以使用任何可以针对绑定中的范围进行验证的表达式。所以在你的情况下你可以这样做：-

<td><td>{{getOwner(group.owner)}}</td></td> 

来自迭代组的group.owner 并从范围调用getOwner 函数。

在你的范围内：-

$scope.getOwner = function (owner) {
    //Your logic that returns the owner.
}

Answer 2

您在控制器中使用 finById 函数的方法是正确的。您无法从 html 调用它的原因是该方法未绑定到您的范围。将控制器中的函数定义更改为：

$scope.findById = function(source, id) {
    return source.filter(function( obj ) {
        // coerce both obj.id and id to numbers 
        // for val & type comparison
        return +obj.id === +id;
    })[ 0 ];
}