angularjs 的一個圖片列表指令

angularjs 的一個圖片列表指令

這是一個基於angulsrjs 和bootstrap樣式的圖片列表指令

js部分代碼如下

var app=angular.module("test",["bane/image/showgrid.html"]).directive("baneImggrid",function(){return {    restrict:'EA',transclude: true,replace: false,//templateUrl: "template/image(1).html",templateUrl:"bane/image/showgrid.html",scope:{baneItems:'=',smSrc:'@',orgSrc:'@',radioText:'@',radioValue:'@',radioShow:'=',deleteShow:'=',selectItem:'=',itemDelete:'=',//beforeDelete:'&'},link:function(scope, element, attrs,contr){scope.selectItem={"cover":""};scope.orgSrc=(scope.orgSrc?scope.orgSrc:scope.smSrc);scope.smSize={};if(attrs.smWidth){scope.smSize.width=attrs.smWidth;}if(attrs.smHeight){scope.smSize.height=attrs.smHeight;}scope.showBigBox=function(index){scope.baneItems[index].baneBigImageShow=true;}scope.closeBox=function(index){scope.baneItems[index].baneBigImageShow=false;}scope.deleteItem=function(index){scope.itemDelete=scope.baneItems[index];//scope.beforeDelete();scope.baneItems.splice(index, 1);}}}});angular.module("bane/image/showgrid.html", []).run(["$templateCache", function($templateCache) {  $templateCache.put("bane/image/showgrid.html",''+'    '+'     '+'    '+'        {{radioText}}'+'            '+'            '+'        '+'    '+'    '+''+'    '+'      '+'        '+'          ×Close'+'        '+'        '+'        '+'        '+'      '+'    '+'  '+'');}]);

demo下載