javascript - 没有ng-repeat的AngularJS过滤对象的单个属性

Question

我需要一些关于 AngularJS 过滤器的帮助.. (Angularjs 1.2.7)

这是我的问题:

我有一个这样的用户类。

Public Class User
    Public Property UserID As Integer
    Public Property EMail As String
    Public Property Password As String
    Public Property Firstname As String
    Public Property Lastname As String
    Public Property Creator As Integer
    Public Property LastEditedBy As Integer
    Public Property Company As Company
End Class

和这样的公司类:

Public Class Company
    Public Property CompanyID As Integer
    Public Property Name As String
    Public Property RegistrationDate As String
    Public Property Creator As Integer
    Public Property LastEditDate As String
    Public Property LastEditedBy As Integer
    <ScriptIgnore>
    Public Property Users As List(Of User)
    Public Property Companytype As Companytype
    <ScriptIgnore>
    Public Property PriceLists As List(Of CompanyPriceList)
End Class

好吧，现在专注于我的公司或用户类中的 2 属性(Creator 和 LastEditedBy)。我想在我的单个公司 View 中获取公司创建者和编辑的名字和姓氏。

有了这个:

companyManagement.getCompany = function (companyId) {
    var cmp = $filter('getCmpById')(companyId);
    return cmp;
};

我把这两个整数作为一个对象得到了整个公司..现在在我的 GUI 中，我想显示属于此 ID 的用户的名字和姓氏。

app.filter('getUsrById', function (userManagement) {
var users = userManagement.getUsers();
return function (list) {
    var i = 0, len = users.length;
    for (; i < len; i++) {
        //convert both ids to numbers to be sure
        if (+users[i].UserID == +list) {
            return users[i];
        }
    }
    return "not found";
};

});

通过这个过滤器，我得到了属于该 id 的整个用户对象。现在有什么办法，我可以只显示用户的这两个属性吗？像这样...

 <span data-ng-model="creatorFirstname">{{ user.firstname | getUsrById:{userId:singleCompany.Creator} }}</span>
 <span data-ng-model="creatorLastname">{{ user.lastname | getUsrById:{userId:singleCompany.Creator} }}</span>
 <span data-ng-model="editorFirstname">{{ user.firstname | getUsrById:{userId:singleCompany.LastEditedBy} }}</span>
 <span data-ng-model="editorLastname">{{ user.lastname | getUsrById:{userId:singleCompany.LastEditedBy} }}</span>

我不想将属性声明为用户，因为我在两个类中都有它们并且我想要一些一致性。不在用户中 -> 作为整数在公司 ->作为用户所以我可以忽略它们并将旧数据发送回服务器，因为 LastEditedBy 属性始终被它覆盖，而 Creator 属性始终保持不变。

感谢您的帮助!

Answer 1

不确定过滤器是否是执行此处所需操作的正确机制。我认为最自然的编码方式是在范围内设置company、lastEditedBy 和creator 属性并确定哪些用户是您感兴趣的，并将它们添加到您的公司模型中。

当您的公司被检索到时，将几行添加到您的成功处理程序(此处使用 underscore js 来获取用户

$scope.lastEditedBy = _.findWhere( $company.users, { UserID : $company.LastEditedBy } );
$scope.creator = _.findWhere( $company.users, { UserID : $company.Creator } );

然后你只需要从 lastEditedBy 和 creator 引用你需要的任何属性:

<span>{{lastEditedBy.firstname}}</span>
<span>{{lastEditedBy.lastname}}</span>
<span>{{creator.firstname}}</span>
<span>{{creator.lastname}}</span>