LoadingStrategy

LoadingStrategy is an abstract class exposed by @abp/ng.core package. There are two loading strategies extending it: ScriptLoadingStrategy and StyleLoadingStrategy. Implementing the same methods and properties, both of these strategies help you define how your lazy loading will work.

API

constructor

constructor(
  public path: string,
  protected domStrategy?: DomStrategy,
  protected crossOriginStrategy?: CrossOriginStrategy
)
  • path is set to <script> elements as src and <link> elements as href attribute.
  • domStrategy is the DomStrategy that will be used when inserting the created element. (default: AppendToHead)
  • crossOriginStrategy is the CrossOriginStrategy that will be used on the created element before inserting it. (default: Anonymous)

Please refer to DomStrategy and CrossOriginStrategy documentation for their usage.

createElement

createElement(): HTMLScriptElement | HTMLLinkElement

This method creates and returns a <script> or <link> element with path set as src or href.

createStream

createStream(): Observable<Event>

This method creates and returns an observable stream that emits on success and throws on error.

ScriptLoadingStrategy

ScriptLoadingStrategy is a class that extends LoadingStrategy. It lets you lazy load a script.

StyleLoadingStrategy

StyleLoadingStrategy is a class that extends LoadingStrategy. It lets you lazy load a style.

Predefined Loading Strategies

Predefined loading strategies are accessible via LOADING_STRATEGY constant.

AppendAnonymousScriptToHead

LOADING_STRATEGY.AppendAnonymousScriptToHead(src: string, integrity?: string)

Sets given paremeters and crossorigin="anonymous" as attributes of created <script> element and places it at the end of <head> tag in the document.

PrependAnonymousScriptToHead

LOADING_STRATEGY.PrependAnonymousScriptToHead(src: string, integrity?: string)

Sets given paremeters and crossorigin="anonymous" as attributes of created <script> element and places it at the beginning of <head> tag in the document.

AppendAnonymousScriptToBody

LOADING_STRATEGY.AppendAnonymousScriptToBody(src: string, integrity?: string)

Sets given paremeters and crossorigin="anonymous" as attributes of created <script> element and places it at the end of <body> tag in the document.

AppendAnonymousStyleToHead

LOADING_STRATEGY.AppendAnonymousStyleToHead(href: string, integrity?: string)

Sets given paremeters and crossorigin="anonymous" as attributes of created <style> element and places it at the end of <head> tag in the document.

PrependAnonymousStyleToHead

LOADING_STRATEGY.PrependAnonymousStyleToHead(href: string, integrity?: string)

Sets given parameters and crossorigin="anonymous" as attributes of created <style> element 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