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

Contributors


Last updated: July 31, 2024 Edit this page on GitHub

Was this page helpful?

Please make a selection.

To help us improve, please share your reason for the negative feedback in the field below.

Please enter a note.

Thank you for your valuable feedback!

Please note that although we cannot respond to feedback, our team will use your comments to improve the experience.

In this document
Community Talks

Building Modular Monolith Applications Using .NET and ABP Framework

17 Oct, 17:00
Online
Watch the Event
Mastering ABP Framework Book
Mastering ABP Framework

This book will help you gain a complete understanding of the framework and modern web application development techniques.

Learn More