Open Source Web Application Framework for ASP.NET Core
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
 

2.0 KiB

//[doc-seo]
{
    "Description": "Explore the `DomStrategy` class in the @abp/ng.core package, which defines how elements attach to the DOM, enhancing your development workflow."
}

DomStrategy

DomStrategy is a class exposed by @abp/ng.core package. Its instances define how an element will be attached to the DOM and are consumed by other classes such as LoadingStrategy.

API

constructor

constructor(
  public target?: HTMLElement,
  public position?: InsertPosition
)
  • target is an HTMLElement (default: document.head).
  • position defines where the created element will be placed. All possible values of position can be found here (default: 'beforeend').

insertElement

insertElement(element: HTMLElement): void

This method inserts given element to target based on the position.

Predefined Dom Strategies

Predefined dom strategies are accessible via DOM_STRATEGY constant.

AppendToBody

DOM_STRATEGY.AppendToBody()

insertElement will place the given element at the end of <body>.

AppendToHead

DOM_STRATEGY.AppendToHead()

insertElement will place the given element at the end of <head>.

PrependToHead

DOM_STRATEGY.PrependToHead()

insertElement will place the given element at the beginning of <head>.

AfterElement

DOM_STRATEGY.AfterElement(target: HTMLElement)

insertElement will place the given element after (as a sibling to) the target.

BeforeElement

DOM_STRATEGY.BeforeElement(target: HTMLElement)

insertElement will place the given element before (as a sibling to) the target.

See Also