javascript - AngularJS:ng-click 具有功能并更改变量的状态

Question

我正在尝试将 Bootstrap 3 模式与 AngularJS 一起使用。我有两个按钮:登录和注册，单击它们后我想要弹出一个模式。根据用户选择的按钮，我需要显示适当的内容。为了管理这个，我在模态中使用 ng-show 和 ng-hide 。一切正常，但在这段代码中，我的变量 isRegistrationPage 没有改变其状态。

button.btn.btn-default.navbar-btn.btn-info ng-click="isRegistrationPage=false;open('sm')" Log in

button.btn.btn-default.navbar-btn.btn-warning ng-click="isRegistrationPage=true;open('sm')" Sign up

我使用的几乎是原始的 JS 部分 https://angular-ui.github.io/bootstrap/#/modal

还有其他好方法来管理我的目标吗？

Answer 1

您的 Controller 中可以有两个函数，每个按钮一个，然后从那里调用 open('sm')。

类似这样的事情:

$scope.onLoginClicked = function(){
    $scope.isRegistrationPage = false;
    open('sm');
}
$scope.onSignupClicked = function(){
    $scope.isRegistrationPage = true;
    open('sm');
}

然后只需在 ng-click 上使用它们即可