ionic 模型 $ionicModal

以下是ionic 中模型的使用。  可根据名称不同写多个模型


angular.module('testApp', ['ionic'])
.controller('MyController', function($scope, $ionicModal) {
  $ionicModal.fromTemplateUrl('my-modal.html', {
    scope: $scope,
    animation: 'slide-in-up'
  }).then(function(modal) {
    $scope.goModal = modal;//定义模型名称
  });
  $scope.openModal = function() {
    $scope.goModal.show();//显示模型
  };
  $scope.closeModal = function() {
    $scope.goModal.hide();//隐藏模型
  };
  //清理模型
  $scope.$on('$destroy', function() {
    $scope.goModal.remove();
  });
  //当模型隐藏时执行
  $scope.$on('goModal.hidden', function() {
    // 执行语句
  });
  // 当模型清理删除时执行
  $scope.$on('goModal.removed', function() {
    // 执行语句
  });
});


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值