Browse Source

update: loading directive page

pull/23285/head
sumeyye 1 year ago
parent
commit
aa3c175eb2
  1. 17
      docs/en/framework/ui/angular/loading-directive.md

17
docs/en/framework/ui/angular/loading-directive.md

@ -6,23 +6,24 @@ You may want to block a part of the UI and show a spinner for a while; the `Load
## Getting Started ## Getting Started
In order to use the `LoadingDirective` in an HTML template, the **`ThemeSharedModule`** should be imported into your module like this: In order to use the `LoadingDirective` in an HTML template, it should be imported into your component like this:
```js ```js
// ... // ...
import { ThemeSharedModule } from '@abp/ng.theme.shared'; import { LoadingDirective } from '@abp/ng.theme.shared';
@NgModule({ @Component({
//... // ...
imports: [..., ThemeSharedModule], imports: [ LoadingDirective ]
// ...
}) })
export class MyFeatureModule {} export class SampleComponent {}
``` ```
## Usage ## 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. 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 `LoadingDirective` for the HTML element when the value is true.
See an example usage: See an example usage:
@ -33,7 +34,7 @@ See an example usage:
cupiditate? Voluptas eaque voluptatum odio deleniti quo vel illum nemo accusamus nulla ratione cupiditate? Voluptas eaque voluptatum odio deleniti quo vel illum nemo accusamus nulla ratione
impedit dolorum expedita necessitatibus fugiat ullam beatae, optio eum cupiditate ducimus impedit dolorum expedita necessitatibus fugiat ullam beatae, optio eum cupiditate ducimus
architecto. architecto.
</div> </div>
``` ```

Loading…
Cancel
Save