ionic+anjularjs点击图片放大

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;                
      };