JHipster+Angular项目中如何动态读取jhiHasAnyAuthority的值

jhiHasAnyAuthority 原生支持动态传入权限值，不需要修改框架源码，以下是可直接落地的实现方式。先纠正你示例代码里的语法问题：你当前的写法把指令传参和其他元素属性混写、没有闭合指令的引号，会导致Angular模板解析报错，基础静态用法的正确写法参考：

<li *jhiHasAnyAuthority="'ROLE_ADMIN'" ngbDropdown routerLinkActive="active">
  <!-- 下拉菜单项内容 -->
</li>

动态传值实现方案 #

1. 绑定组件类属性（推荐）

适合权限值需要根据接口返回、全局配置变化动态更新的场景：

• 首先在对应组件的ts文件中定义存储权限要求的属性，支持单个权限字符串、多权限数组两种格式：

// 初始值可以给默认权限
navItemRequiredAuthorities: string | string[] = 'ROLE_ADMIN';

// 动态更新示例：拉取后端菜单配置后更新权限要求
fetchMenuConfig() {
  this.http.get<MenuConfig>('/api/nav-config').subscribe(res => {
    // 比如后端返回该菜单需要管理员、菜单运营两个角色权限
    this.navItemRequiredAuthorities = ['ROLE_ADMIN', 'ROLE_MENU_OPERATOR'];
  });
}

• 模板中直接在指令后传入变量即可，指令会自动监听变量变化重新做权限校验：

<li *jhiHasAnyAuthority="navItemRequiredAuthorities" ngbDropdown routerLinkActive="active">
  <!-- 下拉菜单项内容 -->
</li>

注意不要写错传值语法：静态传字符串时需要给权限值加单引号（比如'ROLE_ADMIN'），传变量时直接写变量名即可，不需要额外加引号。如果漏写静态值的单引号，Angular会把内容当做组件属性解析，导致报错。

2. 模板内直接写动态表达式

适合权限判断逻辑简单的场景，不需要单独在ts中定义变量，可以直接在指令传参位置写合法的模板表达式：

<!-- 示例：根据当前租户类型动态切换要求的权限 -->
<li *jhiHasAnyAuthority="isEnterpriseTenant ? ['ROLE_ENT_ADMIN', 'ROLE_ADMIN'] : 'ROLE_ADMIN'" ngbDropdown routerLinkActive="active">
  <!-- 下拉菜单项内容 -->
</li>

注意事项 #

jhiHasAnyAuthority 内部实现了对传入值的变更检测，只要你绑定的变量/表达式最终求值结果是「单个权限字符串」或者「权限字符串数组」，当传入值变化时，指令会自动重新匹配当前登录用户的权限列表，自动控制元素的显示隐藏，不需要手动触发重渲染。

内容的提问来源于stack exchange，提问作者Abin