0

我有一个看起来像这样的用户模型：

{
    accessFailedCount: 0
    active: false
    created: "2014-05-09T14:39:56.867Z"
    email: "austin@austin.com"
    emailConfirmed: false
    fullName: "Austin Frtizer"
    id: "536ce8bce352b815b8791f53"
    imageId: null
    isMe: true
    lastLogin: "2014-05-09T14:39:56.867Z"
    userName: "admin"
}

我想添加一个帮助器，它将从我的模型实例返回显示名称......但它可能是值的组合，具体取决于填写的值，例如：

fullName || email || userName

使用我使用过的其他 JS 框架，您可以使用诸如 myInstanceModel.displayName().

我知道你可以用一百万种不同的方式做到这一点，但我想知道这样的事情是否有“角度方式”。

4

1 回答 1

1

百万种方法之一，创建一个过滤器：

app.filter('displayName', function() {
    return function(user) {

        return user.fullName || user.email || user.userName;
    }
});

然后在你的html中：

{{user | displayName}}

或在控制器中使用它：

function myCtrl($scope, $filter)
{
    var displayName = $filter('displayName')(user);
}
于 2014-05-27T12:42:04.520 回答