angularjs -- 路由监听

前端开发 作者: 2024-08-25 15:05:01
angularjs 路由监听;页面的加载渲染监听
var app = angular.module("app",[]);   //定义app
app.run(['$rootScope','$location',function ($rootScope,$location) {   需要注入服务$rootScope;$location在这可要可不要,这里用来查看获取新的路由链接
    路由监听事件
    $rootScope.$on('$stateChangeStart',function (event,toState,toParams,fromState,fromParams) {
            alert("路由的状态变化开始!");
            console.log('route begin change');
        });
     stateChangeSuccess  当模板解析完成后触发
    $rootScope.$on('$stateChangeSuccess',fromParams) {
        alert("路由的状态变化成功!");
        console.log('route have already changed :' + $location.path());
    });

     $stateChangeError  当模板解析过程中发生错误时触发
    $rootScope.$on('$stateChangeError',fromParams,error) {
        alert("路由的状态变化失败!");
        console.log('route changed failed:');
    })
}]);
function($rootScope,$location) {  /* 监听路由的状态变化 */
    $rootScope.$on('$routeChangeStart',1)">(evt,next,current){
        alert("路由的状态变化开始!");
        console.log('route begin change');
    });
     路由的状态变化成功 
    $rootScope.$on('$routeChangeSuccess',current,previous) {
        alert("路由的状态变化成功!");
        console.log('route have already changed :'+$location.path());
    });
}]);
  // $viewContentLoading:当页面视图开始加载时,DOM渲染完成之前触发,该事件将在$scope链上广播此事件。
    $scope.$watch('$viewContentLoading',viewConfig) {
        alert('模板加载完成之前!'$viewContentLoaded:当页面视图加载完成,DOM渲染完成之后触发,视图所在的$scope发出该事件。
    $scope.$watch('$viewContentLoaded',1)"> (event) {
        alert('模板已经加载完成!');
    });
原创声明
本站部分文章基于互联网的整理,我们会把真正“有用/优质”的文章整理提供给各位开发者。本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
本文链接:http://www.jiecseo.com/news/show_68455.html
angularjs -- 路由监听