Angularjs with bootstrap Modal

Angularjs with bootstrap Modal

本文关键字：Modal bootstrap with Angularjs      更新时间：2023-09-26

我正在使用带bootstrap的普通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>

我的问题是，我有导航与家庭标签和帮助。点击所选按钮，背景应该改变。目前只有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");
});
});

我的解决方案是

<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();
    };

这似乎工作，但我怎么能添加滑动手势到它。

相关文章：