我正在为一个angular 5应用构建一个auth服务,目前我的服务有一个方法,看起来像这样:
public isLoggedIn(): Observable<boolean> {
return this.getToken().map(t => {
return t !== null;
});
}
这个方法返回一个boolean类型的observable,在我看来,我有这个方法:
public isLoggedIn() {
return this.auth.isLoggedIn();
}
这个方法当然来自于前面的服务。我试图根据该函数显示用户是否已登录,这将是其中的html部分:
<button type="button" *ngIf="isLoggedIn()" (click)="logout()" class="btn btn-danger">
Logout</button>
提前感谢您的帮助
发布于 2018-06-07 04:04:12
如果表达式返回一个可观察的实例,则可以使用async
管道来“提取”数据
在您的特定情况下:
<button type="button" *ngIf="isLoggedIn() | async" (click)="logout()" class="btn btn-danger">Logout</button>
请阅读文档以进一步参考:https://angular.io/api/common/AsyncPipe
https://stackoverflow.com/questions/50727588
复制相似问题