imhven
/
abp
mirror of https://github.com/abpframework/abp
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity
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.
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from '8bc532531e'
${ noResults }
abp/docs/en/UI/Angular/Loading-Strategy.md

2.8 KiB
Raw Blame History

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(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(): HTMLScriptElement | HTMLLinkElement

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

createStream(): Observable

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 content security strategies are accessible via LOADING_STRATEGY constant.

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(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(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(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(href: string, integrity?: string)

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

What's Next?