首页 / JAVASCRIPT / javascript – 如何在AngularJS中正确清理？

javascript – 如何在AngularJS中正确清理？

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 如何在AngularJS中正确清理？，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1266字，纯文字阅读大概需要2分钟。

内容图文

我有AngularJS应用程序(见下文),它使用指令从外部库创建自定义块.我想在块被真实加载时调用Building.destroyBlock()(并非所有这些都是必需的).我在想$scope.$watch().有没有比ng-destroy更好的方法？

var app = angular.module('app', []);

app.controller('MainCtrl', function($scope) {
  $scope.blocks = [
    {name: 'item #1', id: 1},
    {name: 'item #2', id: 2}
  ];
}).directive('externalBlock', function() {
  return {
    restrict: 'A',
    scope: {
      block: '=data'
    },
    link: function(scope, elm, attrs) {
      Building.addBlock(elm[0], scope.block);
    }
  }
});
<script src="https://code.angularjs.org/1.4.0-rc.2/angular.js"></script>
<script>
  // this comes from external library
  var Building = {
    blocks: [],
    addBlock: function(elm, block) {
      elm.innerHTML = block.name + ' [ready]';
      this.blocks[block.id] = block;
    },
    destroyBlock: function(id) {
      delete this.blocks[id];
    }
  }
</script>

<body ng-controller="MainCtrl" ng-app="app">
  <div ng-repeat="block in blocks" external-block data="block"></div>
  <!-- need to destroy unused block when this button is clicked -->
  <button ng-click="blocks = [{name: 'item #3', id: 3}]">Rebuild</button>
</body>

解决方法:

我怀疑范围$destroy事件是你所追求的.

link: function(scope, elm, attrs) {
  Building.addBlock(elm[0], scope.block);
  scope.$on('$destroy', function() {
    Building.destroyBlock(scope.block.id);
  });
}

内容总结

以上是互联网集市为您收集整理的javascript – 如何在AngularJS中正确清理？全部内容，希望文章能够帮你解决javascript – 如何在AngularJS中正确清理？所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/808454.html

来源：【匿名】