angularjs – 如何使用Colorbox与Angular JS

前端之家收集整理的这篇文章主要介绍了angularjs – 如何使用Colorbox与Angular JS前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
如何使用Angular JS使用colorBox(fancybox或lightBox也是欢迎的),我应该写一个指令,它有其他的方法.

这是我的HTML

...
<h2 class="Box-header">
    <i class="icon-hdd"></i>    
    <div class="btn-group pull-right">      
        <a class="btn btn-mini">
            <i class="icon-zoom-in"></i>
            Expand
        </a>
    </div>
</h2>   
<div id="open-with-colorBox">
...
</div>
...

用户将点击展开按钮,打开与colorBox id的div将打开为colorBox.

PS:我刚刚到Angular JS这就是为什么我正在寻找一个解决方案如何使用colorBox,我在我的应用程序使用twitter引导.

写一个指令,这是最好的选择.

指令示例:

app.directive('colorBox',function() {
  return {   
    restrict: 'AC',link: function (scope,element,attrs) {        
      $(element).colorBox(attrs.colorBox);     
    }
  };  
});

HTML:

<a colorBox="{transition:'fade'}" href="...">Image</a>

猜你在找的Angularjs相关文章