directive
//通用 comImageBox 点击查看大图
app.directive('comImageBox', ['$state', '$rootScope', function ($state, $rootScope) {
var comImageBox = {
restrict: 'E', //element name <com-my-favor-item></com-my-favor-item>
templateUrl: 'templates/common/comImageBox.html',
transclude: false,
templateNamespace: 'html',
scope: false,
link: {
pre: function preLink(scope, element, attrs, controller) {
scope.Url = "";
scope.bigImage = false;
//显示图片
scope.showBigImage = function (imageName) {
scope.Url = imageName;
scope.bigImage = true;
$(".LightBox").show(150, function () {
$("ion-header-bar").hide();
$(".Main .tab-nav").hide();
$(".LightBox .ImgViewer img").each(function () {
var w = $(this).width();
var h = $(this).height();
$(this).css({
marginLeft: w / 2 * (-1),
marginTop: h / 2 * (-1)
})
});
});
//console.info(element.find("img"));
//每次点击放大图片之后需要绑定事件
element.find("img").on('touchstart', touchstartHandler);
element.find("img").on('touchmove', touchmoveHandler);
element.find("img").on('touchend', touchendHandler);
};
//隐藏图片
scope.hideBigImage = function () {
scope.bigImage = false;
$(".LightBox").hide(200);
$("ion-header-bar").show();
$(".Main .tab-nav").show();
};
/*********************** 图片缩放功能开始***************************/