Skip to content

Commit 4f8042b

Browse files
author
farfromrefug
committed
chore: project
1 parent fd1cbca commit 4f8042b

File tree

2 files changed

+2042
-1684
lines changed

2 files changed

+2042
-1684
lines changed

packages/ui-pager-indicator/README.md

Lines changed: 28 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -44,8 +44,10 @@
4444
* [Installation](#installation)
4545
* [API](#api)
4646
* [Properties](#properties)
47+
* [Usage in Angular](#usage-in-angular)
48+
* [Examples](#examples)
4749
* [Usage in Vue](#usage-in-vue)
48-
* [Examples](#examples)
50+
* [Examples](#examples-1)
4951

5052

5153
[](#installation)
@@ -72,6 +74,31 @@ Run the following command from the root of your project:
7274
PagerIndicator add page control for Pager or other Paging Views.
7375
```
7476

77+
78+
[](#usage-in-angular)
79+
80+
## Usage in Angular
81+
82+
83+
If you are planning to use an indicator, add the following to your module:
84+
85+
```typescript
86+
import { registerElement } from "@nativescript/angular";
87+
import { PagerIndicator } from "@nativescript-community/ui-pager-indicator";
88+
registerElement("PagerIndicator", () => PagerIndicator)
89+
```
90+
91+
Then in your template:
92+
```html
93+
<Pager id="pager" [items]="items"
94+
...
95+
</Pager>
96+
<PagerIndicator pagerViewId="pager" />
97+
```
98+
99+
### Examples
100+
- [Indicator Pager](demo-snippets/ng/indicator)
101+
- A simple pager example using dynamic content and indicator.
75102

76103

77104
[](#usage-in-vue)

0 commit comments

Comments
 (0)