A very simple directive priority navigation directive, with simple options
Shrink your screen size to see it working
<nav class="navbar navbar-light bg-faded"> <ul class="nav" ng-priority-nav ng-priority-nav-more-link-class="fa fa-list"> <li ng-repeat="navItem in ctrl.navItems"> <a ng-bind="navItem.title"> </a> </li> </ul> </nav>
<nav class="navbar navbar-light bg-faded"> <ul class="nav" ng-priority-nav="{{ctrl.navItems2}}" ng-priority-nav-more-link-class="fa fa-list"> <li ng-repeat="navItem in ctrl.navItems"> <a ng-bind="navItem.title"> </a> </li> </ul> </nav>