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

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

本文关键字：Ng-show Ng-click 参数传递 AngularJS      更新时间：2023-09-26

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

<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.module('ngToggle', [])
.controller('AppCtrl',['$scope', function($scope){
    $scope.custom = true;
    $scope.toggleCustom = function() {
        $scope.custom = $scope.custom === false ? true: false;
    };
}]);
使用 ng 切换

并执行 ng 切换。它在单击时工作，您只需为每个模态设置属性，然后将其传入即可。所以，像..

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

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

http://www.bennadel.com/blog/2806-creating-a-simple-modal-system-in-angularjs.htm 此链接看起来可能是您正在谈论的内容。我想我可能误会了一番后进一步看了..

相关文章：