Loading Directive
You may want to block a part of the UI and show a spinner for a while; the LoadingDirective
directive makes this for you. LoadingDirective
has been exposed by the @abp/ng.theme.shared
package.
Getting Started
In order to use the LoadingDirective
in an HTML template, the ThemeSharedModule
should be imported into your module like this:
Usage
The LoadingDirective
is easy to use. The directive's selector is abpLoading
. By adding the abpLoading
attribute to an HTML element, you can activate the LoadingDirectiveective
for the HTML element when the value is true.
See an example usage:
The abpLoading
attribute has been added to the <div>
element that contains very a long text inside to activate the LoadingDirective
.
See the result: