W3cubDocs

/Angular 12

NgElement

class

Implements the functionality needed for a custom element.

abstract class NgElement extends HTMLElement {
  protected abstract ngElementStrategy: NgElementStrategy
  protected ngElementEventsSubscription: Subscription | null
  abstract attributeChangedCallback(attrName: string, oldValue: string, newValue: string, namespace?: string): void
  abstract connectedCallback(): void
  abstract disconnectedCallback(): void
}

Properties

Property Description
protected abstract ngElementStrategy: NgElementStrategy

The strategy that controls how a component is transformed in a custom element.
protected ngElementEventsSubscription: Subscription | null

A subscription to change, connect, and disconnect events in the custom element.

Methods

attributeChangedCallback()

Prototype for a handler that responds to a change in an observed attribute.

abstract attributeChangedCallback(attrName: string, oldValue: string, newValue: string, namespace?: string): void

Parameters
attrName string

The name of the attribute that has changed.
oldValue string

The previous value of the attribute.
newValue string

The new value of the attribute.
namespace string

The namespace in which the attribute is defined.

Optional. Default is undefined.
Returns

void: Nothing.
connectedCallback()

Prototype for a handler that responds to the insertion of the custom element in the DOM.

abstract connectedCallback(): void

Parameters

There are no parameters.

Returns

void: Nothing.
disconnectedCallback()

Prototype for a handler that responds to the deletion of the custom element from the DOM.

abstract disconnectedCallback(): void

Parameters

There are no parameters.

Returns

void: Nothing.

© 2010–2021 Google, Inc.
Licensed under the Creative Commons Attribution License 4.0.
https://v12.angular.io/api/elements/NgElement