DebugElement — Angular

API

class DebugElement extends DebugNode {
  constructor(nativeNode: Element): DebugElement;
  readonly nativeElement: any;
  readonly name: string;
  readonly properties: { [key: string]: any; };
  readonly attributes: { [key: string]: string | null; };
  readonly styles: { [key: string]: string | null; };
  readonly classes: { [key: string]: boolean; };
  readonly childNodes: DebugNode[];
  readonly children: DebugElement[];
  query(predicate: Predicate<DebugElement>): DebugElement;
  queryAll(predicate: Predicate<DebugElement>): DebugElement[];
  queryAllNodes(predicate: Predicate<DebugNode>): DebugNode[];
  triggerEventHandler(eventName: string, eventObj?: any): void;
  readonly override nativeNode: any;
  override readonly parent: DebugElement | null;
  override readonly injector: Injector;
  override readonly componentInstance: any;
  override readonly context: any;
  override readonly listeners: DebugEventListener[];
  override readonly references: { [key: string]: any; };
  override readonly providerTokens: any[];
}

constructor

DebugElement

@paramnativeNodeElement

@returnsDebugElement

nativeElement

any

Базовый DOM-элемент в корне компонента.

name

string

Имя тега элемента, если это элемент.

properties

{ [key: string]: any; }

Возвращает карту имен свойств элемента и их значений.

В эту карту входят:

Обычные привязки свойств (например, [id]="id")
Привязки свойств хоста (например, host: { '[id]': "id" })
Интерполированные привязки свойств (например, `id="{{ value }}")

В неё не входят:

Привязки входных свойств (например, [myCustomInput]="value")
Привязки атрибутов (например, [attr.role]="menu")

attributes

{ [key: string]: string | null; }

Карта имен атрибутов элемента и их значений.

styles

{ [key: string]: string | null; }

Встроенные стили DOM-элемента.

classes

{ [key: string]: boolean; }

Карта, содержащая имена классов элемента в качестве ключей.

Эта карта формируется на основе свойства className DOM-элемента.

Примечание: Значениями этого объекта всегда будут true. Ключ класса не будет присутствовать в объекте KV, если такого класса нет у элемента.

childNodes

DebugNode[]

childNodes DOM-элемента в виде массива DebugNode.

children

DebugElement[]

Непосредственные дочерние элементы DebugElement. Обходите дерево, переходя вниз через children.

query

DebugElement

@parampredicatePredicate<DebugElement>

@returnsDebugElement

первый DebugElement на любой глубине поддерева, удовлетворяющий предикату.

queryAll

DebugElement[]

@parampredicatePredicate<DebugElement>

@returnsDebugElement[]

Все DebugElement на любой глубине поддерева, удовлетворяющие предикату.

queryAllNodes

DebugNode[]

@parampredicatePredicate<DebugNode>

@returnsDebugNode[]

Все DebugNode на любой глубине поддерева, удовлетворяющие предикату.

triggerEventHandler

void

Вызывает событие по его имени, если в коллекции listeners элемента есть соответствующий обработчик.

Если у события нет обработчика или возникла другая проблема, попробуйте вызвать nativeElement.dispatchEvent(eventObject).

@parameventNamestring

Имя вызываемого события

@parameventObjany

Объект события, ожидаемый обработчиком

@returnsvoid

nativeNode

any

Базовый узел DOM.

parent

DebugElement | null

Родительский элемент DebugElement. Если это корневой элемент, значение будет null.

injector

Injector

Инжектор зависимостей хоста. Например, инжектор экземпляра компонента корневого элемента.

componentInstance

any

Собственный экземпляр компонента элемента, если он есть.

context

any

Объект, предоставляющий контекст родителя для этого элемента. Часто это экземпляр компонента-предка, управляющий данным элементом.

Если элемент повторяется внутри *ngFor, контекстом является NgForOf, свойство $implicit которого содержит значение экземпляра строки. Например, hero в *ngFor="let hero of heroes".

listeners

DebugEventListener[]

Обратные вызовы, связанные со свойствами @Output компонента и/или свойствами событий элемента.

references

{ [key: string]: any; }

Словарь объектов, связанных с локальными переменными шаблона (например, #foo); ключом служит имя локальной переменной.

providerTokens

any[]

Токены, доступные для поиска в инжекторе этого компонента. Включает сам компонент и токены, перечисленные компонентом в метаданных providers.