Skip to content

Commit 122ff41

Browse files
authored
fix: Added Angular usage to readme
1 parent d4b0b12 commit 122ff41

File tree

1 file changed

+22
-0
lines changed

1 file changed

+22
-0
lines changed

packages/ui-pager-indicator/blueprint.md

Lines changed: 22 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -28,6 +28,28 @@ Run the following command from the root of your project:
2828
PagerIndicator add page control for Pager or other Paging Views.
2929
```
3030

31+
## Usage in Angular
32+
33+
34+
If you are planning to use an indicator, add the following to your module:
35+
36+
```typescript
37+
import { registerElement } from "@nativescript/angular";
38+
import { PagerIndicator } from "@nativescript-community/ui-pager-indicator";
39+
registerElement("PagerIndicator", () => PagerIndicator)
40+
```
41+
42+
Then in your template:
43+
```html
44+
<Pager id="pager" [items]="items"
45+
...
46+
</Pager>
47+
<PagerIndicator pagerViewId="pager" />
48+
```
49+
50+
### Examples
51+
- [Indicator Pager](demo-snippets/ng/indicator)
52+
- A simple pager example using dynamic content and indicator.
3153

3254
## Usage in Vue
3355

0 commit comments

Comments
 (0)