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

Question

我正在使用角度来显示我的细节Student Object

它工作正常

但也需要作业文本上的超链接，以便当有人点击时，会打开一个包含所有assignment object详细信息的灯箱。

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

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

Answer 1

您应该能够集成此项目：

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 的解决方案一样，繁重的逻辑由 Angular 指令处理。

Answer 2

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