Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/369.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 我应该如何使用带角的灯箱_Javascript_Angularjs - Fatal编程技术网

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

Javascript 我应该如何使用带角的灯箱,javascript,angularjs,Javascript,Angularjs,我正在使用angular显示我的学生对象的详细信息 它工作得很好 但也希望作业文本上有超链接,这样当有人点击时,就会打开一个包含所有作业对象详细信息的灯箱 现在我的老板只想用角形 我知道我可以使用jquery模态对话框来实现这一点,但是我如何在angularJs中显示lighbox呢?去了解并看看如何或利用指令来代理调用jquery插件。您应该能够集成此项目: 从项目自述文件中,以下是如何在HTML中声明它: 画廊: <ul ng-controller="GalleryCtrl">

我正在使用angular显示我的
学生对象的详细信息

它工作得很好

但也希望作业文本上有超链接,这样当有人点击时,就会打开一个包含所有
作业对象
详细信息的灯箱

现在我的老板只想用角形


我知道我可以使用jquery模态对话框来实现这一点,但是我如何在angularJs中显示lighbox呢?去了解并看看如何或利用指令来代理调用jquery插件。

您应该能够集成此项目:

从项目自述文件中,以下是如何在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指令处理。

仅用于记录-来自的指令不代理第三方JavaScript-这些是原生AngularJS指令,没有任何依赖项(甚至没有jQuery)。@pkozlowski.opensource正确!如果有人阅读,他/她会得到一切。没有必要在这个论坛上。如果有人举出一个例子,或者至少指出需求的终结点,这将对人们有所帮助。例如,JJ Zabkar做得很好。