Question

我是Ionic的新手，我想创建一个离子模态，应该在单击按钮时打开图像。我应该使用模态还是离子弹出来实现这一目标？有人能帮助我吗？提前谢谢。

Answer 1

我会使用模态窗口。在控制器中（记得在构造函数参数中包含$ ionicModal）：

// Init dialog
$ionicModal.fromTemplateUrl(
  'templates/show-image.html', {
    scope: $scope, animation: 'slide-in-up'
  }).then( function( modal ) {
    $scope.modalView = modal;
  }
);
// Open dialog
$scope.buttonClick = function() {
  $scope.myimage = '...';
  $scope.modalView.show();
};

模态模板show-image.html：

<ion-modal-view>
  <ion-header-bar class="bar-calm">
    <h1 class="title">My Image</h1>
    <div class="buttons"><button class="button button-clear" ng-click="modalView.hide()"><i class="icon ion-close"></i></button></div>
  </ion-header-bar>
  <ion-content>
    <img ng-src="myimage" />
  </ion-content>
</ion-modal-view>

按钮单击打开Ionic图像模式

1 个答案: