转角模态中制表符之间的切换

Question

我有一个登录和注册表单，打开了一个模式。在顶部，我有两个选项卡在登录和注册之间切换。见图

​

在制表符之间切换很好。然而，我希望用户能够选择登录以及注册在我的实际页面和打开模式直接在正确的选项卡。

在我的main.controller中有：

  $scope.openLoggerMenu=function(){

          $modal.open({
            templateUrl: 'app/account/loggingNavigation.html',

          })

        };

在我的html菜单中有：

  <div class="col-md-1 loginButtonLanding" ng-click="openLoggerMenu()">
    Login
  </div>
  <div class="col-md-1  loginButtonLanding" ng-click="openLoggerMenu()">
    Signup
  </div>

最后，该模式的内容如下：

<div class="container loginContainer">
  <div class="row">
    <div class="col-sm-4 col-sm-offset-2 col-xs-6 col-md-4 col-md-offset-2 loggingModal loggings" ng-click="showSignup=false; " ng-class="{'activeLogging':!showSignup}">
      Login
    </div>
    <div class="col-sm-4  col-xs-6 col-md-4  loggingModal loggings" ng-click="showSignup=true;" ng-class="{'activeLogging':showSignup}">
      Sign Up
    </div>
  </div>
  <login ng-show="!showSignup;"></login>
  <signup ng-show="showSignup;"></signup>
</div>

当我现在点击打开登录模式时，它工作得很好，我可以在选项卡之间进行切换。但是当我尝试直接打开注册模式时，它只会打开登录窗口，在那里我可以切换到注册。

知道怎么解决这个问题吗？

Answer 1

一种解决方案是将范围传递给$modal.open(...)。

angular.module(...).controller(..., function($scope, $modal) {
    $scope.openLoggerMenu = function(showSignup){
        $scope.showSignup = showSignup;
        $modal.open({
             templateUrl: 'app/account/loggingNavigation.html',
             scope: $scope
        })
    };
});

<div class="col-md-1 loginButtonLanding" ng-click="openLoggerMenu(false)">
  Login
</div>
<div class="col-md-1  loginButtonLanding" ng-click="openLoggerMenu(true)">
  Signup
</div>

请参阅http://angular-ui.github.io/bootstrap/#/modal

Answer 2

有几种选择：

 <div class="col-md-1 loginButtonLanding" ng-click="openLoggerMenu(); showSignup=false;">
    Login
  </div>
  <div class="col-md-1  loginButtonLanding" ng-click="openLoggerMenu(); showSignup=true;">
    Signup
  </div>

或者通过传递适当的参数将逻辑放入openLoggerMenu()函数中。