angular2:管道返回对象的访问属性

前端之家收集整理的这篇文章主要介绍了angular2:管道返回对象的访问属性前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个自定义angular2管道,它使用服务将uid(字符串)转换为UserInfo对象.

@Pipe({name: 'userInfo'})
export class UserInfoPipe implements PipeTransform {

    constructor(public _userService: UserService) {
    }

    transform(uid:string) : any {
        /*let users = this._userService.users.filter((u)=> {
            return u.uid==uid;
        });
        if(users.length==1) return users[0];
        return null;*/

        return {"Name":"hans","Age":13};
    }
}

在我的组件中,我有一个绑定:

<Label row="4"  text="Author: {{event?.author | userInfo | .Name}}" class="small-spacing"></Label>

event?.author返回UID,在通过userInfo管道后我有一个对象.但是如何访问该对象的属性?有没有语法? .Name不起作用.

解决方法

我发现了那个

(event?.author | userInfo).Name

完全符合我的要求:它显示管道返回的对象的Name属性.

猜你在找的Angularjs相关文章