角度表达式从对象数组中的相等属性获取对象的属性

Angular expression get property of object from equal property in array of objects

本文关键字：属性 获取 取对象 表达式 对象 数组      更新时间：2023-09-26

对不起，标题不好，真的想不出一个专有的。

无论如何，我有一个对象数组，它们都列在 ng 重复中。然后，我想在另一个对象数组中找到该对象，该对象与上面的对象具有相同的 id，并获取其另一个属性。

我希望此示例代码将简化事情：

$scope.discussions = [
    {
        recipient: {
            id: 'theid'
        },
        messages: []
    }
];
$scope.friends = [
    {
        id: 'theid',
        online: false
    }
];

在我看来，我有：

<div ng-repeat="discussion in discussions">
    <div>Online = {{//code here}}</div>
</div>

都试过了 

ng-class="{online: {{friends.some(fr => fr.id == discussion.recipient._id).online}}; }"

和

ng-class="{online: friends.some(fr => fr.id == discussion.recipient._id).online }"

我的建议是在角度控制器中定义一个函数，可以将单个discussion与$scope.friends中的匹配元素进行匹配。 该函数可能如下所示（这可以改进，但它可以完成工作）：

$scope.findMatchingId = function (discussion) {
    var matchingFriend;
    $scope.friends.some(function (friend) {
        if (friend.id === discussion.recipient.id) {
            matchingFriend = friend;
            return true;
        }
        return false;
    });
    return matchingFriend;
};

然后在你的html中，你可以像这样在ng-repeat中的元素上调用该函数：

<div ng-repeat="discussion in discussions">
     <div>Online = {{findMatchingId(discussion)}}</div>
</div>

查看此 plnkr

相关文章：