帶有引導模態的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();
    };

這似乎有效，但是如何向其添加滑動手勢。