2013-02-26 23 views
3

我使用的角度来显示的细节我Student Object我应该如何使用灯箱和角

它做工精细

但也希望在分配文本超链接,这样,当有人点击该灯箱打开所有assignment object的详细信息。

现在我的老板只想使用角度。

我知道我可以使用jQuery模态对话框这一点,但我怎么能显示lighbox在angularJs

回答

0

去了解Angular directives并看看AngularUIUI Bootstrap如何利用指令来代理的调用将jQuery插件。

+7

只是为了记录 - 来自http://angular-ui.github.com/bootstrap/的指令不属于第三方JavaScript--它们是原生的AngularJS指令,没有_any_依赖性(甚至没有jQuery)。 – 2013-02-26 09:41:55

+0

@ pkozlowski.opensource正确! – Stewie 2013-02-26 09:44:56

2

你应该能够对这个项目整合:

https://github.com/compact/angular-bootstrap-lightbox

从项目的README,这里是如何它会在你的HTML声明:

画廊:

<ul ng-controller="GalleryCtrl"> 
    <li ng-repeat="image in images"> 
    <a ng-click="openLightboxModal($index)"> 
     <img ng-src="{{image.thumbUrl}}" class="img-thumbnail" alt=""> 
    </a> 
    </li> 
</ul> 

就像@ Stewie's so这个繁重的逻辑是由Angular指令处理的。