Köşeli 2 yönlendirici genel durum değişikliği olayı

Question

Durum değişikliği/başlatıldığında, Component Lifecycle Hooks'dan farklı olarak kullanabileceğimiz global bir olay var mı? gibi UI-yönlendirici içinde:

$rootScope.$on("$stateChangeStart", function() {}) 

Answer 1

Size ulaşmak istediğinize bağlıdır, ancak devletlerin akım elde etmek için buna üst düzey bileşeninde Router ve .subscribe() enjekte etmek mümkündür.

Tarayıcının başlığını geçerli duruma göre değiştiren işlevsellik oluşturmak için kullandım. Yani kod olacak Eğik 1.

den $stateChangeSuccess ve $stateChangeFailure olayların eşdeğeri olarak düşünmek olabilir söyleniyor:

constructor(router: Router) { 
    router.subscribe(successHandler, failureHandler); 
} 

Ayrıca da bu kavramlar ile ilgilidir OnActivate üzerinde bir göz atın.

Answer 2

Benim kod, ui-router için, Angular2 için $ rootScope $ stateChangeSuccess NG1 değiştirmek için aşağıdaki şekilde görünür sona erdi:

import { Component } from '@angular/core'; 
import { TransitionService } from "ui-router-ng2"; 

@Component({selector: 'app-stage-tag',template: '...'}) 
class AppComponent { 
    constructor(public transitionService: TransitionService){ 
    transitionService.onSuccess({to:'*'}, transition=>{ 
     console.log('state', transition._targetState._definition) 
     console.log('params', transition._targetState._params) 
    }) 
    } 
}