AngularJS控制器的生命周期是多少?

2020/10/17 11:41 · javascript ·  · 0评论

有人可以澄清一下AngularJS控制器的生命周期是什么吗?

  • 控制器是单例的,还是按需创建/销毁的?
  • 如果是后者,什么触发了控制器的创建/销毁?

考虑以下示例:

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});
});

例如:

在上面的示例中,当我导航到时/users/1,将加载用户1并将其设置为$scope

然后,当我导航到时/users/2,将加载用户2。是相同的UserEditorCtrl重用实例,还是创建了新实例?

  • 如果是新实例,是什么触发了第一个实例的销毁?
  • 如果重复使用,它如何工作?(即,加载数据的方法似乎在创建控制器时运行)

好吧,实际上问题是ngView控制器的生命周期是多少

控制器不是单例。任何人都可以创建一个新的控制器,并且它们永远不会被自动销毁。事实是,它通常与其基础范围的生命周期相关联。只要销毁其范围,控制器就不会自动销毁。但是,销毁基础作用域后,其控制器将无用(至少在设计上应为)。

在回答您的特定问题时,每次进行导航时ngView指令(以及ngController指令)始终会创建一个新的控制器和一个新的作用域最后的范围将要毁灭为好。

生命周期“事件”非常简单。您的“创建事件”是控制器本身的构造。只需运行您的代码。要知道什么时候变得无用(“破坏事件”),请监听作用域$destroy事件:

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

对于ngView具体情况,你可以当内容被通过范围事件时加载的认识$viewContentLoaded

$scope.$on('$viewContentLoaded', function readyToTrick() {
  // say hello to your new content here
  // BUT NEVER TOUCHES THE DOM FROM A CONTROLLER
});

这是带有概念证明的Plunker(打开控制台窗口)。

本文地址:http://javascript.askforanswer.com/angularjskongzhiqideshengmingzhouqishiduoshao.html
文章标签: ,  
版权声明:本文为原创文章,版权归 javascript 所有,欢迎分享本文,转载请保留出处!

文件下载

老薛主机终身7折优惠码boke112

上一篇:
下一篇:

评论已关闭!