从一系列图片中以模态显示完整图片

时间:2017-05-22 20:34:41

标签: angularjs ionic-framework

我需要打开一个完整的模态,显示被点击的图片。 到目前为止,这是我的代码:

HTML主页

<div class="row" ng-repeat="insta in instagram" ng-if="$index % 3 == 0">
   <div class="col paddingPerfil colinstagram" ng-click="modal.show()" value="{{insta.valor}}" ng-repeat="insta in instagram.slice($index,
       ($index+3 > instagram.length ? instagram.length : $index+3))">
      <img src="{{insta.url}}" class="fotosInstagram">
   </div>
</div>

JS

$scope.instagram = [
   { valor: 1, url: 'img/teste/insta1.jpg' },
   { valor: 2, url: 'img/teste/insta2.jpg' },
   { valor: 3, url: 'img/teste/insta3.jpg' },
   { valor: 4, url: 'img/teste/insta4.jpg' },
   { valor: 5, url: 'img/teste/insta5.jpg' },
   { valor: 6, url: 'img/teste/insta6.jpg' },
   { valor: 7, url: 'img/teste/insta7.jpg' },
   { valor: 8, url: 'img/teste/insta8.jpg' },
   { valor: 9, url: 'img/teste/insta9.jpg' },

]
$ionicModal.fromTemplateUrl('templates/modalPerfil.html', {
   scope: $scope
}).then(function(modal) {
   $scope.modal = modal;
});

HTML模式

<div class="modalperfilimg">
   <img src="{{imgFull}}" style="width:100%;height:100%">
</div>

我无法找到一个简单的解决方案。

0 个答案:

没有答案