html代码
<ion-content>
<div style="width: 100%">
<img ng-src="{{vm.file}}" ng-click="showBigImage()"/>
</div>
<div ng-if="bigImage" ng-click="hideBigImage()">
<img ng-src="{{vm.file}}" style="height: 100%;width: 100%;"/>
</div>
</ion-content>
js代码
var vm = this;
vm.file = $stateParams.src;//这里图片路径为上个页面传过来的参数
$scope.bigImage = false;//初始不显示大图
$scope.hideBigImage = function () {
$scope.bigImage = false;//隐藏大图
};
//点击图片放大
$scope.showBigImage = function () {
$scope.bigImage = true;
};