6.6 路由事件

使用AngularJS路由機(jī)制實(shí)現(xiàn)多視圖應(yīng)用時(shí)，有以下幾個(gè)相關(guān)的事件需要我們關(guān)注。

1． $location相關(guān)事件

● $locationChangeStart：該事件會(huì)在我們調(diào)用$location服務(wù)的一些方法（例如path()方法）改變?yōu)g覽器地址欄之前觸發(fā)，并會(huì)被傳遞到$rootScope作用域中。

● $locationChangeSuccess：該事件在調(diào)用$location服務(wù)改變?yōu)g覽器地址欄URL后觸發(fā)，但是當(dāng)我們監(jiān)聽(tīng)$locationChangeStart事件并調(diào)用preventDefault()方法阻止了事件的傳播后，該事件將不會(huì)被觸發(fā)。

2． $route相關(guān)事件

● $routeChangeStart：該事件會(huì)在AngularJS開(kāi)始改變路由時(shí)觸發(fā)，也會(huì)被傳遞到$rootScope作用域中。

● $routeChangeSuccess：該事件會(huì)在路由改變成功時(shí)觸發(fā)，AngularJS的ng-view指令會(huì)監(jiān)聽(tīng)該事件，接收到該事件時(shí)會(huì)實(shí)例化相應(yīng)的控制器并渲染視圖。

● $routeChangeError：路由切換異常時(shí)觸發(fā)，該事件同樣會(huì)傳遞到$rootScope作用域中。