Angularjs with bootstrap Modal

Question

Я использую простые угловые с бутстрапом. Я пытаюсь создать страницу, где пользователь приземляется после входа в систему.

так как маршрут «умолчанию используется именно /» земли пользовательских landing.html

landing.html содержит

<ul class="nav nav-pills"> 
    <li role="presentation" class="active"><a href="#/landing">Home</a></li> 
    <li role="presentation"><a href="#/tags">Tags</a></li> 
    <li role="presentation"><a href="#/help">Help</a></li> 
</ul> 

моей проблема заключается в том, что у меня есть нав с Домами тегами и помощью. при щелчке на выбранной кнопке фон должен измениться. в настоящее время его единственная там форма (#/landing). также у меня проблема с использованием ng-swipe

любая помощь будет оценена.

Контроллер

app.controller('indexCtrl', function($scope,$http,$rootScope){ 

    $('#myModal').modal({ 
     backdrop: 'static', 
     keyboard: false 
    }); 

    $(".nav a").on("click", function(){ 
    $(".nav").find(".active").removeClass("active"); 
    $(this).parent().addClass("active"); 
}); 

}); 

Answer 1

мое решение

<ul class="nav nav-tabs "> 
    <li role="presentation" ng-class="{ active: makeActive('/')}"><a href="#/">Home</a></li> 
    <li role="presentation" ng-class="{ active: makeActive('/maps')}"><a href="#/maps">Maps</a></li> 
    <li role="presentation" ng-class="{ active: makeActive('/help')}"><a href="#/help">Help</a></li> 
</ul> 

и в контроллере

$scope.makeActive = function (viewLocation) { 
     return viewLocation === $location.path(); 
    }; 

Это похоже на работу, но как я могу добавить салфетки жесты к нему.