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

时间:2016-01-19 20:01:28

标签: javascript jquery angularjs modal-dialog

我在页面上有一个包含多个模态的应用程序。我想要做的只有一个控制器功能,可以切换模态的可见性。所以,让我们说我有以下内容:

<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)">

希望这很清楚。我对角度很新,所以在这个上丢失了。我知道我可以设置一堆函数来切换特定模态类型的布尔值,但是我的控制器会很快变大。我希望尽可能保持简洁。提前感谢您的时间。

1 个答案:

答案 0 :(得分:0)

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

使用ng-toggle并执行ng-toggle。它可以点击工作,您只需要为每个模态设置属性,然后将其传入。所以,像..

WARNING: No root resource matching request path /documents-core/ has been found, Relative Path: /. Please enable FINE/TRACE log level for more details.
Jan 20, 2016 1:29:40 AM org.apache.cxf.jaxrs.impl.WebApplicationExceptionMapper toResponse

WARNING: javax.ws.rs.NotFoundException
at org.apache.cxf.jaxrs.utils.SpecExceptions.toNotFoundException(SpecExceptions.java:87)
at org.apache.cxf.jaxrs.utils.ExceptionUtils.toNotFoundException(ExceptionUtils.java:117)
.... 20 more

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

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