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

  • 相关阅读:
    ngTemplate
    HTML5
    angular指令
    todo
    调试语句
    route attribute in webapi
    ngModelController
    angularjs中的事件
    删除IE input 下的小叉叉
    《python网络数据采集》读后感 第八章:自然语言处理
  • 原文地址:https://www.cnblogs.com/crazycode2/p/6391539.html
Copyright © 2020-2023  润新知