我应该如何使用带角度的灯箱

Question

我使用angular来显示Student Object

的详细信息

工作正常

但是也希望分配文本上的超链接，以便当有人点击时，会打开一个包含所有assignment object详细信息的灯箱。

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

我知道我可以使用jquery模态对话框但是如何在angularJs中显示lighbox

Answer 1

您应该能够整合此项目：

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

从项目的自述文件中，这里是如何在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的解决方案一样，重型提升逻辑由Angular Directive处理。

Answer 2

了解Angular directives并了解AngularUI 或UI Bootstrap 如何利用指令将调用代理到jQuery插件。