Pages UI
Search…
List View
Pages List View

Importing

First import it to your app module or any submodule as you wish
1
import { pgListViewModule} from './@pages/components/list-view/list-view.module';
2
@NgModule({
3
imports: [pgListViewModule,...]
4
})
5
export class AppModule(){}
Copied!

How to use

Basic Select with Search
HTML
Typescript
1
<pg-list-view-container class="scrollable full-height" [perfectScrollbar]="config">
2
<pg-list-item *ngFor="let group of userList">
3
<ng-template #ItemHeading>
4
{{group.group}}
5
</ng-template>
6
<li class="chat-user-list clearfix" *ngFor="let user of group.users">
7
<a pg-view-trigger parentView="chat" animationType="push-parrallax">
8
<span class="thumbnail-wrapper d32 circular bg-success">
9
<img width="34" height="34" alt="" src="{{user.img}}" class="col-top">
10
</span>
11
<p class="p-l-10 ">
12
<span class="text-master">{{user.username}}</span>
13
<span class="block text-master hint-text fs-12">{{user.lastMessage}}</span>
14
</p>
15
</a>
16
</li>
17
</pg-list-item>
18
</pg-list-view-container>
Copied!
1
userList = [];
Copied!

Copy link