如何在Angular中点击ng-lightbox指令？

Question

我试图在用户点击一个链接时产生一个灯箱。我正在使用这个灯箱代码here。我正在使用这个jsbin。

我有这样的代码在这里：

<button ng-click="add_overlay()">Button</button> 
<div class="lightbox" ng-lightbox='{"trigger": "manual"}' id="lightbox"> 
    <h1>This is some content</h1> 
</div> 

我想通过在加入NG-点击通话将显示它的点击覆盖，但它似乎并没有工作。我永远不会倾斜，所以一般的帮助将不胜感激。如何在点击时制作灯箱？

Answer 1

首先，add_overlay()在ngLightbox指令之外无法访问，所以Angular不知道您的ng-click上下文中的方法是什么。

您还正在使用两个版本的Angular源代码1.2.1和1.0.7。

如果你看看角灯箱源，你会看到一个覆盖，能defaults对象，这样你可以提供你想要的收藏夹元素被应用到：

var defaults = { 
    'class_name': false, 
    'trigger': 'manual', 
    'element': element[0], 
    'kind': 'normal' 
} 

所以，设置指定所需的元素：

<button ng-lightbox='{"trigger": "manual", "element": "lightbox"}'>Button</button> 

Here's a working demo。