Javascript 角保护函数
对于我的应用程序,我试图实现一个函数,如果用户是页面上帖子的所有者,则该函数将显示特定选项。选项包括编辑、新建等 下面你可以看到我目前的功能,当然它工作得很好!然而,我想将其作为某种形式的保护实现,但我对角度保护不太熟悉,也不知道角度保护如何给出返回值Javascript 角保护函数,javascript,angular,Javascript,Angular,对于我的应用程序,我试图实现一个函数,如果用户是页面上帖子的所有者,则该函数将显示特定选项。选项包括编辑、新建等 下面你可以看到我目前的功能,当然它工作得很好!然而,我想将其作为某种形式的保护实现,但我对角度保护不太熟悉,也不知道角度保护如何给出返回值 if (this.posts.user.id === this.authService.user.id) { this.userOwnsPosts = true; } 问题是,我怎样才能做到这一点
if (this.posts.user.id === this.authService.user.id) {
this.userOwnsPosts = true;
}
问题是,我怎样才能做到这一点呢?如果不是这样,就不必是防护装置。从技术上讲,“防护装置”是“路由防护装置”的一种实现,例如接口,用于路由器
对于显示/隐藏UI的部分,您通常会在模板中使用该指令,例如,一旦您拥有问题中提到的功能,您可以执行以下操作:
<div *ngIf="userOwnsPosts">
...some options go here
</div>
…这里有一些选择
如果这些选项是“RouterLink”,您也可以使用route guard,但如果您只使用route guard,而不使用ngIf,则该选项仍将显示,但在单击时不会执行任何操作。从
this.userOwnsPosts=this.posts.user.id==this.authService.user.id>开始代码>
在HTML模板中使用*ngIf
:
<div *ngIf="userOwnsPost">
<button>Edit</button>
<button>Delete</button>
....
</div>
编辑
删除
....