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>

编辑
删除
....