javascript - 我应该如何使用带 Angular 灯箱

Question

我正在使用 angular 来显示我的 Student Object

的详细信息

一切正常

但还需要作业文本上的超链接，这样当有人点击它时，会打开一个灯箱，其中包含所有作业对象的详细信息。

现在我的老板只想使用 Angular 。

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

Answer 1

你应该能够集成这个项目:

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

从项目的 README 中，这里是它在 HTML 中的声明方式:

Gallery:

<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 指令处理。