zoukankan      html  css  js  c++  java
  • ionic 页面加载事件及loading动画

    页面加载完成事件(非刷新情况下,页面切换是不会重复触发此事件的,只在第一次进入页面时触发,需要重复触发的话请使用 $ionicView.enter 事件)

    angular.module('app.controllers', [])
    .controller('page6Ctrl', ['$scope', '$http', '$stateParams', '$ionicLoading',
        // The following is the constructor function for this page's controller. See https://docs.angularjs.org/guide/controller
        // You can include any angular dependencies as parameters for this function
        // TIP: Access Route Parameters for your page via $stateParams.parameterName
        function($scope, $http, $stateParams, $ionicLoading) {
            $scope.$on('$ionicView.loaded', function(event, data) {
                $ionicLoading.show();
    
                $http.get("js/123.json")
                    .success(function(res) {
                        $ionicLoading.hide();
                    });
            });
        }
    ])

    其他事件如下:

    $ionicView.loaded The view has loaded. This event only happens once per view being created and added to the DOM. If a view leaves but is cached, then this event will not fire again on a subsequent viewing. The loaded event is good place to put your setup code for the view; however, it is not the recommended event to listen to when a view becomes active.
    $ionicView.enter The view has fully entered and is now the active view. This event will fire, whether it was the first load or a cached view.
    $ionicView.leave The view has finished leaving and is no longer the active view. This event will fire, whether it is cached or destroyed.
    $ionicView.beforeEnter The view is about to enter and become the active view.
    $ionicView.beforeLeave The view is about to leave and no longer be the active view.
    $ionicView.afterEnter The view has fully entered and is now the active view.
    $ionicView.afterLeave The view has finished leaving and is no longer the active view.
    $ionicView.unloaded The view's controller has been destroyed and its element has been removed from the DOM.
    $ionicParentView.enter The parent view has fully entered and is now the active view. This event will fire, whether it was the first load or a cached view.
    $ionicParentView.leave The parent view has finished leaving and is no longer the active view. This event will fire, whether it is cached or destroyed.
    $ionicParentView.beforeEnter The parent view is about to enter and become the active view.
    $ionicParentView.beforeLeave The parent view is about to leave and no longer be the active view.
    $ionicParentView.afterEnter The parent view has fully entered and is now the active view.
    $ionicParentView.afterLeave The parent view has finished leaving and is no longer the active view.

    官方文档:http://ionicframework.com/docs/api/directive/ionView/

    关于$http和$ionicLoading对象,要在控制器使用ionic系统对象的时候,只需要在第二参数里加入变量,然后在最后的函数参数里也加入参数就可以了

  • 相关阅读:
    ios中的几种多线程实现
    在mac下使用终端管理svn
    关于UIScrollViewDelegate协议中每个回调函数的意义及执行顺序的理解
    UIView 及其子类对象 抖动效果的实现
    ios、andriod、cocos2d 视图层次理解
    委托  通知中心   监听/观察
    iphone 中使用苹果禁用的私有Framework
    关于苹果官方网站Reachability检测网络的总结
    iOS设备的分辨率
    ios开发多线程、网络请求的理解 错误码的理解
  • 原文地址:https://www.cnblogs.com/tujia/p/6050732.html
Copyright © 2011-2022 走看看