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

Question

我正在使用 angular 来显示我的Student Object的详细信息

它工作正常

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

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

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

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 插件。