如何使用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>