AngularJS Denetleyicinin yaşam döngüsü nedir?

Question

Birisi AngularJS kontrol cihazının kullanım ömrünün ne olduğunu açıklayabilir mi?

• Bir denetleyici bir tekil mi, yoksa istek üzerine oluşturulmuş/yok edilmiş mi?
• İkincisi, denetleyicinin yaratılmasını/yok edilmesini ne tetikler?

  var demoApp = angular.module('demo') 
      .config(function($routeProvider, $locationProvider) { 
      $routeProvider 
       .when('/home', {templateUrl: '/home.html', controller: 'HomeCtrl'}) 
       .when('/users',{templateUrl: '/users.html', controller: 'UsersCtrl'}) 
       .when('/users/:userId', {templateUrl: '/userEditor.html', controller: 'UserEditorCtrl'}); 
      }); 
  
  demoApp.controller('UserEditorCtrl', function($scope, $routeParams, UserResource) { 
      $scope.user = UserResource.get({id: $routeParams.userId}); 
  }); 
  

  örneğin:

aşağıdaki örneği göz önüne alalım /users/1 gidin zaman, yukarıdaki örnekte,

kullanım 1 yüklenir ve $scope ayarlanır.

Daha sonra, /users/2 adresine gittiğimde, kullanıcı 2 yüklenir. Aynı örnek UserEditorCtrl yeniden mı kullanılıyor, yoksa yeni bir örnek oluşturuldu mu?

• Yeni bir örnekse, ilk örnekte ne yıkıma neden olur?
• Yeniden kullanılıyorsa, bu nasıl çalışır? (yani, veriyi yükleme yöntemi, denetleyicinin yaratılmasında çalışmaktadır)

Answer 1

Aslında asıl soru, bir ngView denetleyicinin yaşam döngüsüdür.

Denetleyiciler singleton değildir. Herkes yeni bir kontrol cihazı oluşturabilir ve asla otomatik olarak yok olmaz. Gerçek şu ki, genellikle temel kapsamının yaşam döngüsüne bağlı. Denetleyici, kapsamı yok olduğunda otomatik olarak yok olmaz. Ancak, temel bir kapsamı yok ettikten sonra, denetleyicisi işe yaramaz (en azından, tasarım gereği, olması gerekir).

hep create a new controller and a new scope navigasyon durumda her zaman özel soru, (aynı zamanda ngController yönergesi için) ngView direktifini olacak cevaplama. Ve last scope is going to be destroyed da.

Yaşam döngüsü "olaylar" oldukça basit. "oluşturma etkinliğiniz", denetleyicinizin kendisidir. Sadece kodunu çalıştır. faydasız ("imha olayı") aldığında bilmek için, kapsama $destroy olayı dinlemek: içerik kapsamı olay $viewContentLoaded üzerinden yüklenen aldığında özellikle ngView için

$scope.$on('$destroy', function iVeBeenDismissed() { 
    // say goodbye to your controller here 
    // release resources, cancel request... 
}) 

, bilirsin edebiliyoruz:

Bir konsept ispatıyla (konsol pencerenizi açın)

Here is a Plunker.