带有引导模态的AngularJS

Question

我在引导中使用纯angularjs。 我正在尝试创建用户登录后登陆的页面。

因此，作为默认路线“ /” ，用户着陆到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>

我的问题是我对Homes标签和帮助有兴趣。 单击后，所选按钮的背景应更改。 目前，它只有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();
    };

这似乎有效，但是如何向其添加滑动手势。