angular 二级菜单,第一栏是用的sidebar

第一栏使用的sidebar进行页面的跳转
但二级菜单是写在sidebar中,还是对应的页面中

sidebar中代码如下:

<ul>
      <li ng-style="hWidth" ui-sref-active="sidebar">
        <a ui-sref="sidebar.overview" class="middleCenter" ng-style="navCont">
          <div class="navLeft" ng-style="navLeft"><i class="iconfont icon-leftnav-zl"></i></div>
          <div class="navCont" ng-show="showEl"><span>总览</span></div>
        </a>
      </li>
      <li ng-style="hWidth" ui-sref-active="sidebar">
        <a ui-sref="sidebar.businessSys" class="middleCenter" ng-style="navCont">
          <div class="navLeft" ng-style="navLeft"><i class="iconfont icon-leftnav-ywxt"></i></div>
          <div class="navCont" ng-show="showEl"><span>备份系统</span></div>
        </a>
      </li>
      <li ng-style="hWidth" ui-sref-active="sidebar">
        <a ui-sref="sidebar.statistAnalysis" class="middleCenter" ng-style="navCont">
          <div class="navLeft" ng-style="navLeft"><i class="iconfont icon-leftnav-tjfx"></i></div>
          <div class="navCont" ng-show="showEl"><span>统计分析</span></div>
        </a>
      </li>
      <li ng-style="hWidth" ui-sref-active="sidebar">
        <a ui-sref="sidebar.alarmMonitor" class="middleCenter" ng-style="navCont">
          <div class="navLeft" ng-style="navLeft"><i class="iconfont icon-leftnav-gjjk"></i></div>
          <div class="navCont" ng-show="showEl"><span>告警监控</span></div>
        </a>
      </li>
      <li ng-style="hWidth" ui-sref-active="sidebar">
        <a ui-sref="sidebar.workSheet" class="middleCenter" ng-style="navCont">
          <div class="navLeft" ng-style="navLeft"><i class="iconfont icon-leftnav-gdgl"></i></div>
          <div class="navCont" ng-show="showEl"><span>工单管理</span></div>
        </a>
      </li>
      <li ng-style="hWidth" ui-sref-active="sidebar">
        <a ui-sref="sidebar.userCenter" class="middleCenter" ng-style="navCont">
          <div class="navLeft" ng-style="navLeft"><i class="iconfont icon-leftnav-yhzx"></i></div>
          <div class="navCont" ng-show="showEl"><span>用户中心</span></div>
        </a>
      </li>
    </ul>

clipboard.png

求解,谢谢

阅读 2.8k
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题