Angular2 ChangeDetection还是Observable？

发布时间：2020-12-17 17:21:58 所属栏目：安全来源：网络整理

导读：我在登录时无法刷新的组件遇到困难. 该组件是navbar.component,其中包含指向我的页面/组件的链接.在它上面,有一个“登录”链接,呈现login.component,我可以在其上提供用户名和密码,然后单击登录按钮. login.component使用user.service,它使用login.component

我在登录时无法刷新的组件遇到困难.

该组件是navbar.component,其中包含指向我的页面/组件的链接.在它上面,有一个“登录”链接,呈现login.component,我可以在其上提供用户名和密码,然后单击登录按钮. login.component使用user.service,它使用login.component提供的用户名和密码调用后端,存储收到的令牌并重定向到’/’.

此时,应该隐藏navbar.component上的“登录”链接并显示“注销”链接,但在我单击导航栏上的其他链接之前没有任何反应.

2个链接如下：

<a [hidden]="userService.isLoggedIn" [routerLink]="['Login']">Login</a>
<a [hidden]="!userService.isLoggedIn" (click)="userService.logout();" href="javascript:void(0)">Logout</a>

我理解存储令牌并从user.service重定向不会触发更改检测,并且我的属性userService.isLoggedIn不是可观察的,所以我知道我遗漏了一些东西,但不确定该方法是什么/应该是什么.

我已经尝试注入ApplicationRef来调用tick()方法,希望这会触发更改检测,但是失败了.

我应该使我的属性userService.isLoggedIn是一个可观察的吗？

解决方法

export class UserService {
  isLoggedIn:BehaviorSubject<boolean> = new BehaviorSubject<boolean>(false);
}

????

@Component({
...
template: `
<a [hidden]="userService.isLoggedIn | async" [routerLink]="['Login']">Login</a>
<a [hidden]="!(userService.isLoggedIn | async)" (click)="userService.logout();" href="javascript:void(0)">Logout</a>
`

????

})
export class MyComponent {
  constructor(private userService: UserService) {}
}

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!