Свернуть Navbar при изменении маршрута

Question

Я только что добавил ui-bootstrap в свой пакет, основанный на генераторе углового ползуна. До этого я использовал следующий код, чтобы свернуть Navbar на небольших устройствах, когда изменение маршрута:

$rootScope.$on('$stateChangeSuccess', function (event, next) { 
    // collapse navbar 
    angular.element('.navbar-collapse').collapse('hide'); 
}); 

Это не возможно больше из-за директивы, как я понимаю, с # 1672, но как я могу вручную свернуть Navbar затем ?

Спасибо заранее, Майкл

Answer 1

Вы можете свернуть Navbar на клик (он чувствует себя более естественно для меня) просто путем добавления (или усиления) в ng-click обработчик на каждом <a>:

<a ng-href="{{item.link}}" ng-click="isCollapsed=true">{{item.title}}</a> 
<a href="" ng-click="isCollapsed=true;changeLanguage('en')">{{ 'LANG_BUTTON_EN' | translate }}</a> 

---

Если вы действительно хотите это сделать после события $stateChangeSuccess, добавьте тот же прослушиватель событий к вашему navbar.controller.js (нет необходимости слушать $rootScope, хотя - или это событие ограничено? Я не знаю, поэтому, пожалуйста, будьте осторожны):

angular.module('jayMapApp') 
    .controller('NavbarCtrl', function ($scope, $location, $translate, Auth) { 
     ... 
     $scope.$on('$stateChangeSuccess', function (event, next) { 
      $scope.isCollapsed = true; 
     }); 
     ...