<ul class="nav" style="overflow: hidden;">
    <li ng-repeat="menu in menus">
        <a  class="any"  
            id="{{menu.id}}" 
            ng-class="{'current':menu.id==cur_id,'current1':menu.id==hover_id}"
            ng-click="checked(menu.id)">
                <i class="icon {{menu.icon}}"></i>
                <span class="text">{{menu.text}}<span>
        </a>
        <ul style="height:auto; padding-left:15px" class="nav">
            <li class="sm" 
                ng-repeat=" menuChild in menu.childmenus " 
                id="{{menuChild.id}}"
                title="{{menuChild.text}}"
                ng-click="checked(menuChild.id)"  
                ng-class="{'current':menuChild.id==cur_id,'current1':menuChild.id==hover_id}"> 
                    <a style="padding-left:50px;width: 175px;"  >
                        <i class="icon {{menuChild.icon}}" style="top:4px; left:20px; "></i>
                        <span class="text">{{menuChild.text}}</span>
                    </a>
            </li>
        </ul>
    </li>
</ul>