如何基于用户名授予对HTML元素的访问权限？

我有一个按钮，我需要给一个特定的用户权限，如果他登录到一个网站。我可以在HTML文件上使用*ngIf来实现这一点，但我想给HTML元素一个id，然后在.ts文件上执行权限操作

私有的

您可以在html文件中使用模板引用语法。并在组件代码中使用

<ul class="navbar-nav float-right" #privateUL>
  <li class="nav-item" >
    <a class="nav-link" routerLink="Private">Private</a>
  </li>
</ul>

---

检查此示例。

您可以在html文件中使用模板引用语法。并在组件代码中使用

<ul class="navbar-nav float-right" #privateUL>
  <li class="nav-item" >
    <a class="nav-link" routerLink="Private">Private</a>
  </li>
</ul>

检查此示例。

HTML

 <ul class="navbar-nav float-right" id="ulPrivate">
      <li class="nav-item" >
        <a class="nav-link" routerLink="Private">Private</a>
      </li>
    </ul>

显然，根据适当的隐私条件将样式更改为“display:none”或“display:block:

user.name=='John'

参考文献：

HTML

 <ul class="navbar-nav float-right" id="ulPrivate">
      <li class="nav-item" >
        <a class="nav-link" routerLink="Private">Private</a>
      </li>
    </ul>

显然，根据适当的隐私条件将样式更改为“display:none”或“display:block:

user.name=='John'

参考文献：

如果您想动态地向元素添加id，可以这样做

私有的

但是我会推荐你使用ngIf而不是像这样的id

私有的

FunctionFromTs（），它将返回可见性的布尔状态

如果您想动态地向元素添加id，可以这样做

私有的

但是我会推荐你使用ngIf而不是像这样的id

私有的

FunctionFromTs（），它将返回可见性的布尔状态

<ul class="navbar-nav float-right"  [attr.id]="'test'">
  <li class="nav-item" >
    <a class="nav-link" routerLink="Private">Private</a>
  </li>
</ul>

<ul class="navbar-nav float-right"  *ngIf="FunctionFromTs()">
 <li class="nav-item" >
   <a class="nav-link" routerLink="Private">Private</a>
 </li>
</ul>