Angularjs with bootstrap Modal

Question

我正在使用带有bootstrap的普通angularjs。 我正在尝试创建登录后用户登陆的页面。

这样一条聋人路线＆＃34; /＆＃34; ，用户登陆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>

我的问题是我有导航家园标签和帮助。单击选中的按钮背景应该更改。目前它只有Home (#/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();
    };

这似乎有效，但我怎样才能添加滑动手势。