侧菜单中的更新指令 - Ionic4/Angular

问题描述

我的场景： 我在 appcomponent 中运行了一个侧边菜单。

<ion-menu  class="home-menu" side="start" menuId="home-menu" contentId="main">
 
    <ion-content *ngIf="!isHome()" class="dashboard-menu">

      <!-- Menu -->
      <ion-list class="menu-list" lines="none">
        <div *ngFor="let menu of myMenu; let i = index">    
          <ion-item
            *hasRole="'CREDENCIAL,PERMITION'" <<< **DIRECTIVE HERE**
          >
            <ion-img
              class="menu-ico"
              src="../assets/png/iconsMenu/{{ menu.icon }}.png"
            ></ion-img>
  
            <ion-label>{{ menu.name }}</ion-label>
  
            <ion-img
              class="menu-arrow"
              slot="end"
              [src]="
                mySubMenu === menu.submenu
                  ? '../assets/png/icon_arrow_up.png'
                  : '../assets/png/icon_arrow_down.png'
              "
            ></ion-img>
  
          </ion-item>
        
          
          <ion-menu-toggle auto-hide="false">
            <ion-list lines="none">
              <div *ngFor="let child of menu.childs; let i = index">
                <ion-item
                  detail="false"
                  menuclose
                  [routerLink]="[child.path]"
                  menuClose
                  class="sub-menu"
                >
                  {{ child.name }}
                </ion-item>
              </div>
            </ion-list>
          </ion-menu-toggle>
          
        </div>
      </ion-list>
    </ion-content>
  </ion-menu>

注意有一个指令*hasRole，这个指令把里面包含的值和sessionStorage中包含的值进行比较，如果这些值存在于会话中显示项目。碰巧当会话更新时，指令在仪表板页面中被调用，但在菜单中没有任何反应。 *hasRole 菜单中的值不会随着会话更新而重新评估。好吧，在仪表板上它是。怎么了？谁能帮我这个？像这样输入：当重新创建会话时，菜单中的 *hasRole 不会将其值发送到 hasRole.ts 并将其与会话值进行比较。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）