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 调用