$ionicModal

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

注：ionic 所有的数据源 都放在service 中 ，方便其他 controller 调用，一个factory 可以被多个不同的 controller 调用

posted @ 2017-02-12 18:57  每天都要进步一点点  阅读(269)  评论(0)  编辑  收藏  举报