Angular 2的ui-router上的$ rootScope。$ on（'$ stateChangeStart'，..）相當於什麼？

Question

我有用於Angular 1的ui-router的經驗，現在我想知道如何在ui-router-ng2中收聽$stateChangeStart。

請讓我知道如何下角1個的代碼都可以在角2

$rootScope.$on('$stateChangeStart', function(event, next) {}); 

Answer 1

尼斯Plunkr來完成，例如：

https://plnkr.co/edit/k8PgPKRNu0llT521p5R5?p=preview

在UI上路由器，NG2你有所有狀態生命週期的服務（TransitionService）：

1）你需要在你的構造函數中注入服務：

import {TransitionService} from "ui-router-ng2"; 
constructor(private transitionService:TransitionService) {} 

2）回調函數：

transitionService.onStart({},()=>{ 
    console.log("state changed"); 
}) 

上，您可以把條件例如第一個值：

transitionService.onStart({from: 'home', to: 'other'},()=>{ 
    console.log("state changed"); 
}) 

（回調只會打電話的時候，目前的狀態是「家'和下一個狀態'其他'）

**您還可以調用onSuccess，onError，onEnter，onFinish和更多...

我希望你覺得它有幫助，

祝你好運！