Ionic中的$ionicModal使用方法

来源:互联网 发布:php 手动gc 编辑:程序博客网 时间:2024/05/17 03:41

Ionic中[弹出式窗口]有两种(如下图所示),$ionicModal和$ionicPopup;

$ionicModal是完整的页面;

$ionicPopup是(Dialog)对话框样式的,直接用JavaScript设定对话框的一些参数,通常用于通知消息、确认等作用;

http://ionicframework.com/docs/api/service/$ionicModal/   官方例子及说明

http://www.bubuko.com/infodetail-822048.html

模板加载

$ionicModal.fromTemplateUrl('new-task.html', function(modal) {  
    $scope.taskModal = modal;  
  }, {  
    scope: $scope,  
    animation: 'slide-in-up'  
  });  


模板显示与关闭
  $scope.newTask = function() {  
    $scope.taskModal.show();  
  };  
  
  // Close the new task modal  
  $scope.closeNewTask = function() {  
    $scope.taskModal.hide();  
  };  

0 0