Skip to content

Latest commit

 

History

History
97 lines (55 loc) · 2.7 KB

Content-Strategy.md

File metadata and controls

97 lines (55 loc) · 2.7 KB
Raw

ContentStrategy

ContentStrategy is an abstract class exposed by @abp/ng.core package. It helps you create inline scripts or styles.

API

constructor

constructor(
  public content: string,
  protected domStrategy?: DomStrategy,
  protected contentSecurityStrategy?: ContentSecurityStrategy,
  protected options?: ElementOptions = {},
)
  • content is set to <script> and <style> elements as textContent property.
  • domStrategy is the DomStrategy that will be used when inserting the created element. (default: AppendToHead)
  • contentSecurityStrategy is the ContentSecurityStrategy that will be used on the created element before inserting it. (default: None)
  • options can be used to pass any option to the element that will be created. e.g: { id: "some-id" } (default: empty object)

Please refer to DomStrategy and ContentSecurityStrategy documentation for their usage.

createElement

createElement(): HTMLScriptElement | HTMLStyleElement

This method creates and returns a <script> or <style> element with content set as textContent.

insertElement

insertElement(): void

This method creates and inserts a <script> or <style> element.

ScriptContentStrategy

ScriptContentStrategy is a class that extends ContentStrategy. It lets you insert a <script> element to the DOM.

StyleContentStrategy

StyleContentStrategy is a class that extends ContentStrategy. It lets you insert a <style> element to the DOM.

Predefined Content Strategies

Predefined content strategies are accessible via CONTENT_STRATEGY constant.

AppendScriptToBody

CONTENT_STRATEGY.AppendScriptToBody(content: string, options?: ElementOptions<HTMLScriptElement>)

Creates a <script> element with the given content and places it at the end of <body> tag in the document.

AppendScriptToHead

CONTENT_STRATEGY.AppendScriptToHead(content: string, options?: ElementOptions<HTMLScriptElement>)

Creates a <script> element with the given content and places it at the end of <head> tag in the document.

AppendStyleToHead

CONTENT_STRATEGY.AppendStyleToHead(content: string, options?: ElementOptions<HTMLStyleElement>)

Creates a <style> element with the given content and places it at the end of <head> tag in the document.

PrependStyleToHead

CONTENT_STRATEGY.PrependStyleToHead(content: string, options?: ElementOptions<HTMLStyleElement>)

Creates a <style> element with the given content and places it at the beginning of <head> tag in the document.

See Also