zuel-itsm-3.0.2/assets/views/partials/nav.html

<ul class="main-navigation-menu">
    <li ng-class="{'active open':$state.includes(item.link)}" ng-repeat="item in userMenus">
        <a ng-if="item.children.length>0" href="javascript:void(0)">
            <div class="item-content">
                <div class="item-media">
                    <div class="">
                        <i style="font-size: 14px !important;" class="icon iconfont {{item.icon}}"></i>
                        <!-- <i class="fa {{item.icon}}"></i> -->
                    </div>
                </div>
                <div class="item-inner">
                    <span class="title">{{item.title}}<span class="navshow  margin-left-2" ng-if="item.tipshow"></span></span>
                    <i class="icon-arrow"></i>
                </div>
            </div>
        </a>
        <ul class="sub-menu" ng-if="item.children.length>0">
            <li ui-sref-active="active" ng-repeat="subItem in item.children">
                <a ng-if="subItem.children.length>0" href="javascript:void(0)">
                    <div class="item-inner">
                        <span class="title"> {{subItem.title}} </span><i class="icon-arrow"></i>
                    </div>
                </a>
                <ul class="sub-menu" ng-if="subItem.children.length>0">
                    <li ui-sref-active="active" ng-repeat="thirdItem in subItem.children">
                        <a ng-if="thirdItem.children.length>0" href="javascript:void(0)">
                            <div class="item-inner">
                                <span class="title"> {{thirdItem.title}} </span><i class="icon-arrow"></i>
                            </div>
                        </a>
                        <ul class="sub-menu" ng-if="thirdItem.children.length>0">
                            <li ui-sref-active="active" ng-repeat="fouritem in thirdItem.children">
                                <a ng-if="fouritem.children.length>0" href="javascript:void(0)">
                                    <div class="item-inner">
                                        <span class="title"> {{fouritem.title}} </span><i class="icon-arrow"></i>
                                    </div>
                                </a>
                                <a ui-sref="{{fouritem.link}}" ng-if="fouritem.children.length==0">
                                    <span class="title"> {{fouritem.title}}  </span>
                                </a>
                            </li>
                        </ul>
                        <a ui-sref="{{thirdItem.link}}" ng-if="thirdItem.children.length==0">
                            <div class="item-inner">
                                <span class="title"> {{thirdItem.title}}</span>
                            </div>
                        </a>
                    </li>
                </ul>
                <a ui-sref="{{subItem.link}}" ng-if="subItem.children.length==0">
                    <!-- <span class="title"> {{subItem.title}}  </span> -->
                    <span class="title">{{subItem.title}}<span class="navnum fontsizes-12  margin-left-5" ng-if="subItem.tipnum&&subItem.tipnum!=0">{{subItem.tipnum}}</span></span>
                </a>
            </li>
        </ul>
        <a ui-sref="{{item.link}}" ng-if="item.children.length==0">
            <div class="item-content">
                <div class="item-media">
                    <i class="fa {{item.icon}}"></i>
                </div>
                <div class="item-inner">
                    <span class="title"> {{item.title}} </span>
                </div>
            </div>
        </a>
    </li>
</ul>