如何检查 RxJS Observable 是否包含 Angular2 中的字符串?

Dev*_*vid 5 rxjs typescript rxjs5 angular

我是 Angular2 和 Observable 的新手,我想检查一个 ObservablegetRoles类型是否Observable<string[]>包含字符串。

public hasRole(name: string): boolean {
    // getRoles is of type Observable<string[]>
    let getRoles = this.tokenService.getTokenInformation().map(element => element.roles);

    if (/* check if name is inside of getRoles */) {
        return true;
    }
    return false;
}
Run Code Online (Sandbox Code Playgroud)

mar*_*tin 3

Observables 是异步的,所以你不能使用let getRoles = ...map(...). 该map()方法不是在数组上执行,而是在始终异步的 Observable 上执行。

所以正确的方法可能是(我没有测试这段代码):

public hasRole(name: string): Observable {
    return this.tokenService.getTokenInformation()
        .map(element => element.roles)
        .first(roles => roles.indexOf(name) !== -1);
}
Run Code Online (Sandbox Code Playgroud)

当源完成时(当我们迭代所有角色时)未找到匹配元素时,运算符first()会发出错误。

然后使用这个方法,例如:

hasRole('my-role').subscribe(
    role => console.log("has role"),
    error => console.log("doesn't have role"),
)
Run Code Online (Sandbox Code Playgroud)

编辑:

这会将所有内容转换为仅truefalse值。请参阅操作符的文档,first()这些参数是什么。然后我曾经map()强制将所有内容转换为布尔值。

public hasRole(name: string): Observable {
    return this.tokenService.getTokenInformation()
        .map(element => element.roles)
        .first(roles => roles.indexOf(name) !== -1, undefined, false)
        .map(val => !!val);
}
Run Code Online (Sandbox Code Playgroud)

请参阅实时简化演示:http://plnkr.co/edit/MtYfGLgqgHACPswFTVJ5