File tree Expand file tree Collapse file tree 2 files changed +2042
-1684
lines changed Expand file tree Collapse file tree 2 files changed +2042
-1684
lines changed Original file line number Diff line number Diff line change 44
44
* [ Installation] ( #installation )
45
45
* [ API] ( #api )
46
46
* [Properties](#properties)
47
+ * [ Usage in Angular] ( #usage-in-angular )
48
+ * [Examples](#examples)
47
49
* [ Usage in Vue] ( #usage-in-vue )
48
- * [Examples](#examples)
50
+ * [Examples](#examples-1 )
49
51
50
52
51
53
[ ] ( #installation )
@@ -72,6 +74,31 @@ Run the following command from the root of your project:
72
74
PagerIndicator add page control for Pager or other Paging Views.
73
75
```
74
76
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.
75
102
76
103
77
104
[ ] ( #usage-in-vue )
You can’t perform that action at this time.
0 commit comments