AngularJS: Ng-click 将参数传递给正确的 Ng-show

Question

我有一个页面上有多个模式的应用程序。我想做的是只有一个控制器功能可以切换模式的可见性。所以，假设我有以下内容：

<a href ng-click="openModal(modal1)></a>
<a href ng-click="openModal(modal2)></a>

然后，我希望模态框具有以下内容：

<div class="modal" ng-show="openModal(modal1)">
<div class="modal" ng-show="openModal(modal2)">

希望这是清楚的。我是 angular 的新手，所以有点不知所措。我知道我可以设置一堆函数来切换特定模态类型的布尔值，但是我的控制器会很快变大。我想让它尽可能简洁明了。预先感谢您的宝贵时间。

Answer 1

angular.module('ngToggle', [])
.controller('AppCtrl',['$scope', function($scope){
    $scope.custom = true;
    $scope.toggleCustom = function() {
        $scope.custom = $scope.custom === false ? true: false;
    };
}]);

使用 ng-toggle 并执行 ng-toggle。它有效on-click，你只需要为每个模态设置属性，然后将其传入。所以，像..

$scope.modal1visibility = true;
$scope.modal2visibility = false;

然后您应该能够将这些单独的属性传递给切换函数，这应该会执行您希望它执行的操作。希望我理解你的问题并且这对你有帮助

http://www.bennadel.com/blog/2806-creating-a-simple-modal-system-in-angularjs.htm 这个 link 看起来可能就是你所说的。仔细一看，我想我可能理解错了..

AngularJS: Ng-click 将参数传递给正确的 Ng-show

AngularJS: Ng-click passes parameter into correct Ng-show

javascript

jquery

modal-dialog

angularjs