This is the archived documentation for Angular v6. Please visit angular.io to see documentation for the current version of Angular.

NgElement

Implements the functionality needed for a custom element.

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

Properties

Property Description
protected 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

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

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

Parameters

attrName

The name of the attribute that has changed.

oldValue

The previous value of the attribute.

newValue

The new value of the attribute.

namespace

The namespace in which the attribute is defined.

Optional. Default is undefined.

Returns

void: Nothing.

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

abstract connectedCallback(): void
      
      abstract connectedCallback(): void
    

Parameters

There are no parameters.

Returns

void: Nothing.

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

abstract disconnectedCallback(): void
      
      abstract disconnectedCallback(): void
    

Parameters

There are no parameters.

Returns

void: Nothing.