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 astextContent
property.domStrategy
is theDomStrategy
that will be used when inserting the created element. (default: AppendToHead)contentSecurityStrategy
is theContentSecurityStrategy
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.