AngularJS监听路由变化的方法

2024-02-28 03:14:04 128

Home

About

在输入框中尝试输入：

姓名：

你输入的为：{{name}}

angular.module('ngRouteExample',['ngRoute']) .config(function($routeProvider){ $routeProvider. when('/home',{ templateUrl:'home.html', controller:'HomeController' }). when('/about',{ templateUrl:'about.html', controller:'AboutController' }). otherwise({ redirectTo:'/home' }); }) .run(['$rootScope','$location',function($rootScope,$location){ /*监听路由的状态变化*/ $rootScope.$on('$routeChangeStart',function(evt,next,current){ console.log('routebeginchange'); }); $rootScope.$on('$routeChangeSuccess',function(evt,current,previous){ console.log('routehavealreadychanged：'+$location.path()); }); }]) .controller('HomeController',function($scope){ $scope.records=[{ "Name":"AlfredsFutterkiste", "Country":"Germany" },{ "Name":"Berglundssnabbköp", "Country":"Sweden" },{ "Name":"CentrocomercialMoctezuma", "Country":"Mexico" },{ "Name":"ErnstHandel", "Country":"Austria" }] }) .controller('AboutController',function($scope){ $scope.name='呵呵'; });

上述的例子是AngularJS1的，对于Angular2是否也可以用，还没尝试过，有机会验证了再记录下咯~~

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。

AngularJS监听路由变化的方法

Home

About

热门推荐

随机推荐