Bulduğum en iyi http://www.ng-newsletter.com/posts/angular-ui-router.html. Sipariş$stateChangeStart, exampleState.onEnter, exampleState.resolve, ve exampleState.templateProvider yangın kadar derin, mesela, değil mi.

Harika cevap bir format temiz olur. Gibi bir şey

1. Devlet foo ilk pageload:

   1. Açısal yaşam döngüsü 1. Adım
   2. UI router Adım 1 yaşam döngüsü
   3. UI router yaşam döngüsü giderir oluşur
   4. UI router onEnter yangınları yaşam döngüsü
   5. Açısal ömrü 2 adım

2. Devlet değiştirinfoo->bar

   1. 5* *olayı harekete
   2. fooonExit yangınlar
   3. baronEnter Yangınlar
   4. templateUrl şablonu alır
   5. UI Özet yönlendirici geri döngü Açısal ömrü (veya her yerde) takılır.

3. İç içe Birleşik Devletleri

4. Birden fazla adlandırılmış görünümler:

5. uı-sref tıkladım

Vs... Teşekkürler!

EDİT: hata Ayıklama fonksiyonları yeterli fikir ihtiyacını karşılamak için sağlanan. Bir parçacık için answer below benim bakın.

Bazı denemeler sonra, ömrü uygulamam hata ayıklama ve ne olduğunu hissetmek için yeterince içine bakın nasıl çözdüm. Kullanarak tüm olayları da dahil olmak üzere onEnter, onExit, stateChangeSuccess, viewContentLoaded here, bana iyi resmin ne zaman bir şeyler olduğunu bir şekilde daha fazla hem de daha esnek ve belirli bir kodumu daha yazılır ömrü. Uygulama modülü "" işlevi, yerleştirdim: . çalıştırın

Bu kod bana ise eğer ben ilk Açısal ve UI-router ile başladı kullanıyorsanız başladığım zaman ve karışıklık gün kurtaramazdı. UI-router "" varsayılan. bu sağlayan modu hata ayıklama ihtiyacı var

$rootScope.$on('$stateChangeStart',function(event, toState, toParams, fromState, fromParams){
  console.log('$stateChangeStart to ' toState.to '- fired when the transition begins. toState,toParams : \n',toState, toParams);
});
$rootScope.$on('$stateChangeError',function(event, toState, toParams, fromState, fromParams, error){
  console.log('$stateChangeError - fired when an error occurs during transition.');
  console.log(arguments);
});
$rootScope.$on('$stateChangeSuccess',function(event, toState, toParams, fromState, fromParams){
  console.log('$stateChangeSuccess to ' toState.name '- fired once the state transition is complete.');
});
// $rootScope.$on('$viewContentLoading',function(event, viewConfig){
//   // runs on individual scopes, so putting it in "run" doesn't work.
//   console.log('$viewContentLoading - view begins loading - dom not rendered',viewConfig);
// });
$rootScope.$on('$viewContentLoaded',function(event){
  console.log('$viewContentLoaded - fired after dom rendered',event);
});
$rootScope.$on('$stateNotFound',function(event, unfoundState, fromState, fromParams){
  console.log('$stateNotFound ' unfoundState.to '  - fired when a state cannot be found by its name.');
  console.log(unfoundState, fromState, fromParams);
});