10 examples of 'how to delete component in angular' in JavaScript

19
ngOnDestroy() {
20
  this.lazyLoader.destroy();
21
}

341
$destroy() {
342
  this.$emit('destroy');
343
  this.$remove();
344
  this.$children.forEach(function (child) {
345
    child.$destroy();
346
  }, this);
347
  if (this.$parent) {
348
    let index = this.$parent.$children.indexOf(this);
349
    this.$parent.$children.splice(index, 1);
350
  }
351
  if (this._compiled_) {
352
    this.$template.unbind();
353
  }
354
  this.$emit('destroyed');
355
  this._emitter_.off();
356
  for (let key in this) this[key] = null;
357
  this.$children.splice(0, this.$children.length);
358
  this.$parent = null;
359
  this.$template = null;
360
  this.$element = null;
361
}

33
destroyComponent(component: GlimmerComponent) {
34
  if (component.isDestroying) {
35
    return;
36
  }
37
38
  let meta = Ember.meta(component);
39
40
  meta.setSourceDestroying();
41
  setDestroying(component);
42
43
  schedule('actions', component, component.willDestroy);
44
  schedule('destroy', this, scheduledDestroyComponent, component, meta);
45
}

64
_$destroy() {
65
    this.container.emit('destroy', this);
66
    AbstractContentItem.prototype._$destroy.call(this);
67
}

45
private destroyComponent() {
46
  if (this.component) {
47
    this.component.destroy();
48
    this.component = null;
49
  }
50
}

234
value: function _destroyComponent(componentId) {
235
	var instance = this.initializedComponents[componentId];
236
	if (instance && typeof instance.destroy === "function") instance.destroy();
237
238
	// safe to delete while object keys while loopinghttp://stackoverflow.com/questions/3463048/is-it-safe-to-delete-an-object-property-while-iterating-over-them
239
	delete this.initializedComponents[componentId];
240
	this.numberOfInitializedComponents--;
241
}

113
export function destroyElement(element, elementComment) {
114
  element.$$cpDestroyed = true;
115
  if (element.replaceWith) {
116
    element.replaceWith(elementComment);
117
  }
118
  capivara.destroyIfComponent(element);
119
}

29
function dropComponentCollection({ collectionPath }) {
30
  const propertyPath = collectionPath.findParent(p => p.isObjectProperty());
31
  propertyPath.remove();
32
  const parentPath = propertyPath.findParent(p => p.isObjectExpression());
33
  if (parentPath && !parentPath.node.properties.length) {
34
    const parentObject = parentPath.findParent(p => p.isObjectProperty());
35
    if (parentObject) {
36
      parentObject.remove();
37
    }
38
  }
39
}

66
destroy() {
67
  if (this.target !== undefined) {
68
    this.target.clear();
69
  }
70
  if (this.componentRef !== undefined) {
71
    this.componentRef.destroy();
72
    this.componentRef = undefined;
73
  }
74
  this.unobserveAllInputs();
75
  this.unsubscribeAll();
76
}

72
destroy(){
73
    this._parent._removeComponent(this);
74
}