如何計算在ui-router（AngularJS）中每個狀態花費的時間

Question

想要分別計算在AngularJS路由中每個狀態花費的時間。我正在使用ui-router。

Answer 1

你可以使用以前的路線的變化和當前路由變化之間的時間差...掛鉤到$stateChangeSuccess事件到$rootScope，

的代碼將類似如下（在你的根控制器添加它//應用級控制器）

 var timeStart; 

    $rootScope.$on('$stateChangeSuccess', function(current, prev){ 
      if(angular.isUndefined(timeStart)){ 
       $log.info('this is the first route') 
      } else { 
       var timeSpent = moment().diff(timeStart).format('mm:ss'); 
       $log.info(`total time spent ${timeSpent} route ${prev.name}`); 
       timeStart = moment(); 
      } 
    }) 

**編輯**

它使用momentjs，您可以使用日期操作任何日期庫/獲取時間差，read here如何做到這一點