@angular/material/paginator#MatPaginatorModule TypeScript Examples
The following examples show how to use
@angular/material/paginator#MatPaginatorModule.
You can vote up the ones you like or vote down the ones you don't like,
and go to the original project or source file by following the links above each example. You may check out the related API usage on the sidebar.
Example #1
Source File: paginator.directive.spec.ts From angular-custom-material-paginator with MIT License | 6 votes |
function createComponent<T>(type: Type<T>, providers: Provider[] = []): ComponentFixture<T> {
TestBed.configureTestingModule({
imports: [MatPaginatorModule, NoopAnimationsModule],
declarations: [type, PaginatorDirective],
providers: [MatPaginatorIntl, ...providers]
}).compileComponents();
const fixture = TestBed.createComponent(type);
fixture.detectChanges();
return fixture;
}
Example #2
Source File: material.module.ts From WiLearning with GNU Affero General Public License v3.0 | 6 votes |
@NgModule({
exports: [
MatSelectModule,
MatAutocompleteModule,
MatCardModule,
MatCheckboxModule,
MatDatepickerModule,
MatDialogModule,
MatGridListModule,
MatIconModule,
MatListModule,
MatMenuModule,
MatProgressBarModule,
MatProgressSpinnerModule,
MatButtonModule,
MatButtonToggleModule,
MatSidenavModule,
MatSliderModule,
MatSlideToggleModule,
MatSnackBarModule,
MatTabsModule,
MatToolbarModule,
MatTooltipModule,
MatRadioModule,
MatInputModule,
MatRippleModule,
MatDividerModule,
MatExpansionModule,
MatTableModule,
MatPaginatorModule,
MatSortModule,
MatBadgeModule
]
})
export class MaterialComponentsModule {}
Example #3
Source File: shared.module.ts From angular-communities with MIT License | 6 votes |
MATERIAL_MODULES = [ MatInputModule, MatButtonModule, MatFormFieldModule, MatSelectModule, MatIconModule, MatCardModule, MatToolbarModule, MatProgressSpinnerModule, MatSnackBarModule, MatPaginatorModule, MatGridListModule, MatSidenavModule, MatAutocompleteModule, MatDividerModule, ScrollingModule, MatChipsModule, ClipboardModule ]
Example #4
Source File: tables.module.ts From matx-angular with MIT License | 6 votes |
@NgModule({
imports: [
CommonModule,
MatInputModule,
MatPaginatorModule,
MatSortModule,
MatTableModule,
NgxDatatableModule,
RouterModule.forChild(TablesRoutes)
],
declarations: [MaterialTableComponent]
})
export class TablesModule { }
Example #5
Source File: rooi-mat-table.module.ts From flingo with MIT License | 6 votes |
@NgModule({
imports: [
CommonModule,
MatProgressBarModule,
MatTableModule,
MatIconModule,
MatSortModule,
MatFormFieldModule,
MatSelectModule,
MatPaginatorModule,
ReactiveFormsModule,
MatButtonModule,
MatInputModule
],
declarations: [MatTableComponent, MatTableRowDirective, MatTableFilterDirective],
exports: [MatTableComponent],
providers: [MatTableService]
})
export class RooiMatTableModule {}
Example #6
Source File: material-module.ts From 6PG-Dashboard with MIT License | 6 votes |
@NgModule({
exports: [
ColorPickerModule,
CdkTableModule,
MatButtonModule,
MatButtonToggleModule,
MatChipsModule,
MatCheckboxModule,
MatInputModule,
MatIconModule,
MatTableModule,
MatPaginatorModule,
MatRippleModule,
MatSortModule,
MatSidenavModule,
MatSliderModule,
MatSlideToggleModule,
MatSelectModule,
MatSnackBarModule,
MatTooltipModule
]
})
export class MaterialModule {}
Example #7
Source File: app.module.ts From boot-angular-pagination-example-app with Apache License 2.0 | 6 votes |
@NgModule({
declarations: [
AppComponent,
Todo1Component,
Todo2Component
],
imports: [
BrowserModule,
AppRoutingModule,
BrowserAnimationsModule,
HttpClientModule,
MatTableModule,
MatPaginatorModule
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }
Example #8
Source File: material.module.ts From capture-lite with GNU General Public License v3.0 | 6 votes |
modules = [ MatCheckboxModule, MatButtonModule, MatInputModule, MatAutocompleteModule, MatDatepickerModule, MatFormFieldModule, MatRadioModule, MatSelectModule, MatSliderModule, MatSlideToggleModule, MatMenuModule, MatSidenavModule, MatToolbarModule, MatListModule, MatGridListModule, MatCardModule, MatStepperModule, MatTabsModule, MatExpansionModule, MatButtonToggleModule, MatChipsModule, MatIconModule, MatProgressSpinnerModule, MatProgressBarModule, MatDialogModule, MatTooltipModule, MatSnackBarModule, MatTableModule, MatSortModule, MatPaginatorModule, MatBadgeModule, MatBottomSheetModule, ]
Example #9
Source File: tables.module.ts From angular-material-admin with MIT License | 6 votes |
@NgModule({
declarations: [
TablesPageComponent,
MaterialTableComponent,
EmployeeTableComponent
],
imports: [
CommonModule,
TablesRoutingModule,
MatCardModule,
MatIconModule,
MatMenuModule,
MatTableModule,
MatButtonModule,
MatCheckboxModule,
MatToolbarModule,
MatPaginatorModule,
MatFormFieldModule,
SharedModule
],
providers: [
TablesService
]
})
export class TablesModule { }
Example #10
Source File: app.module.ts From material-reusable-table with Apache License 2.0 | 6 votes |
@NgModule({
declarations: [
AppComponent,
OrdersComponent,
TableComponent,
DataPropertyGetterPipe,
CustomersComponent
],
imports: [
BrowserModule,
BrowserAnimationsModule,
MatTableModule,
MatFormFieldModule,
MatInputModule,
MatPaginatorModule,
MatSortModule,
MatIconModule,
MatButtonModule,
MatTabsModule
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule {
}
Example #11
Source File: app.module.ts From mean-stack-angular-9-realtime-crud with MIT License | 6 votes |
@NgModule({
declarations: [
AppComponent,
SalesComponent,
SalesDetailsComponent,
AddSalesComponent,
EditSalesComponent
],
imports: [
BrowserModule,
FormsModule,
ReactiveFormsModule,
HttpClientModule,
AppRoutingModule,
BrowserAnimationsModule,
MatInputModule,
MatPaginatorModule,
MatProgressSpinnerModule,
MatSortModule,
MatTableModule,
MatIconModule,
MatButtonModule,
MatCardModule,
MatFormFieldModule,
ChartsModule
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }
Example #12
Source File: app.module.ts From angular-9-coronavirus-cases-app with MIT License | 6 votes |
@NgModule({
declarations: [
AppComponent,
CasesComponent,
CasesDetailsComponent,
AddCasesComponent,
EditCasesComponent,
CasesStatComponent
],
imports: [
BrowserModule,
FormsModule,
ReactiveFormsModule,
HttpClientModule,
AppRoutingModule,
BrowserAnimationsModule,
MatInputModule,
MatPaginatorModule,
MatProgressSpinnerModule,
MatSortModule,
MatTableModule,
MatIconModule,
MatButtonModule,
MatCardModule,
MatFormFieldModule,
MatSliderModule,
MatSlideToggleModule,
MatButtonToggleModule,
MatSelectModule,
ChartsModule
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }
Example #13
Source File: coveo.components.module.ts From cli with Apache License 2.0 | 6 votes |
@NgModule({
declarations: [
ErrorComponent,
FacetComponent,
FacetListComponent,
PagerComponent,
QuerySummaryComponent,
ResultListComponent,
ResultLinkComponent,
SearchBoxComponent,
SearchPageComponent,
SortComponent,
HeroComponent,
HomeComponent,
],
imports: [
BrowserModule,
MatAutocompleteModule,
MatFormFieldModule,
ReactiveFormsModule,
MatInputModule,
MatListModule,
MatPaginatorModule,
MatSelectModule,
MatButtonModule,
],
providers: [InitProvider],
})
export class CoveoComponentsModule {}
Example #14
Source File: user.module.ts From careydevelopmentcrm with MIT License | 6 votes |
@NgModule({
declarations: [
AccountInfoComponent,
ProfileImageComponent,
InboxComponent,
MessageComponent,
NoSanitizePipe,
ComposeEmailComponent,
EmailChoiceComponent,
EmailRedirectComponent
],
imports: [
CommonModule,
FlexLayoutModule,
MatIconModule,
MatInputModule,
MatButtonModule,
MatProgressSpinnerModule,
MatCardModule,
MatSelectModule,
MatListModule,
MatTableModule,
MatSortModule,
MatCheckboxModule,
MatPaginatorModule,
MatStepperModule,
MatRadioModule,
MatExpansionModule,
MatMenuModule,
MatToolbarModule,
MatAutocompleteModule,
ReactiveFormsModule,
QuillModule.forRoot(),
AlertModule,
ImageUploaderModule,
RouterModule.forChild(routes)
]
})
export class UserModule { }
Example #15
Source File: app.module.ts From angular-custom-material-paginator with MIT License | 6 votes |
@NgModule({
declarations: [
AppComponent,
PaginatorDirective,
],
imports: [
BrowserModule,
FormsModule,
AppRoutingModule,
MatFormFieldModule,
MatPaginatorModule,
BrowserAnimationsModule,
HttpClientModule,
MatTableModule
],
providers: [],
bootstrap: [AppComponent],
exports: [PaginatorDirective]
})
export class AppModule { }
Example #16
Source File: material.module.ts From App with MIT License | 6 votes |
modules = [ MatToolbarModule, MatRippleModule, MatIconModule, MatTooltipModule, MatButtonModule, MatDividerModule, MatFormFieldModule, MatInputModule, MatCheckboxModule, MatProgressSpinnerModule, MatProgressBarModule, MatPaginatorModule, MatDialogModule, MatMenuModule, MatRadioModule, MatDatepickerModule, MatNativeDateModule, MatExpansionModule, MatSelectModule, MatBadgeModule, MatChipsModule ]
Example #17
Source File: accounts.module.ts From careydevelopmentcrm with MIT License | 6 votes |
@NgModule({
declarations: [
AddAccountComponent,
AccountFormComponent,
ViewAccountsComponent,
EditAccountComponent,
ViewAccountComponent,
NoValueDisplayPipe
],
imports: [
CommonModule,
FlexLayoutModule,
DirectivesModule,
MatIconModule,
MatInputModule,
MatButtonModule,
MatProgressSpinnerModule,
MatSelectModule,
MatRadioModule,
MatExpansionModule,
MatTableModule,
MatSortModule,
MatPaginatorModule,
MatCardModule,
MatListModule,
MatAutocompleteModule,
ReactiveFormsModule,
AlertModule,
NgxFlagPickerModule,
RouterModule.forChild(routes)
]
})
export class AccountsModule { }
Example #18
Source File: data-table.component.spec.ts From worktez with MIT License | 6 votes |
describe('DataTableComponent', () => {
let component: DataTableComponent;
let fixture: ComponentFixture<DataTableComponent>;
beforeEach(waitForAsync(() => {
TestBed.configureTestingModule({
declarations: [ DataTableComponent ],
imports: [
NoopAnimationsModule,
MatPaginatorModule,
MatSortModule,
MatTableModule,
]
}).compileComponents();
}));
beforeEach(() => {
fixture = TestBed.createComponent(DataTableComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});
it('should compile', () => {
expect(component).toBeTruthy();
});
});
Example #19
Source File: mat-table-query-reflector.module.ts From nghacks with MIT License | 6 votes |
@NgModule({
declarations: [
MatTableQueryReflectorComponent
],
imports: [
CommonModule,
MatTableQueryReflectorRoutingModule,
MatTableModule,
MatSortModule,
MatPaginatorModule,
NgmatTableQueryReflectorModule,
ConsumerCommonModule
]
})
export class MatTableQueryReflectorModule { }
Example #20
Source File: app.module.ts From nghacks with MIT License | 6 votes |
@NgModule({
declarations: [
AppComponent,
NgMatTableQueryReflectorDirective
],
imports: [
BrowserModule,
BrowserAnimationsModule,
RouterModule.forRoot([]),
MatTableModule,
MatSortModule,
MatPaginatorModule
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }
Example #21
Source File: shared.module.ts From FlexDemo with MIT License | 5 votes |
@NgModule({
imports: [
CommonModule,
// Navigation
MatMenuModule, MatSidenavModule, MatToolbarModule,
// FormControls
MatAutocompleteModule, MatCheckboxModule, MatDatepickerModule, MatInputModule,
MatFormFieldModule, MatRadioModule, MatSelectModule, MatSliderModule,
MatSlideToggleModule, MatSelectModule,
// Layout
MatCardModule, MatDividerModule, MatExpansionModule, MatGridListModule,
MatListModule, MatStepperModule, MatTabsModule, MatTreeModule,
// Buttons
MatButtonModule, MatButtonToggleModule, MatBadgeModule, MatChipsModule,
MatIconModule, MatProgressSpinnerModule, MatProgressBarModule, MatRippleModule,
// Popups & Modals
MatBottomSheetModule, MatDialogModule, MatSnackBarModule, MatTooltipModule,
// Datatable
MatTableModule, MatSortModule, MatPaginatorModule,
FlexGridModule
],
exports: [
// CommonModule,
// // Navigation
// MatMenuModule, MatSidenavModule, MatToolbarModule,
// // FormControls
// MatAutocompleteModule, MatCheckboxModule, MatDatepickerModule,
MatInputModule,
MatFormFieldModule, // MatRadioModule, MatSelectModule, MatSliderModule,
// MatSlideToggleModule, MatSelectModule,
// // Layout
MatCardModule,
MatDividerModule,
// MatExpansionModule, MatGridListModule,
// MatListModule, MatStepperModule, MatTabsModule, MatTreeModule,
// Buttons
MatButtonModule,
// MatButtonToggleModule,
MatBadgeModule, MatChipsModule,
//
MatIconModule,
MatProgressSpinnerModule,
MatProgressBarModule, MatRippleModule,
// Popups & Modals
// MatBottomSheetModule, MatDialogModule, MatSnackBarModule,
MatTooltipModule,
// Datatable
MatTableModule, MatSortModule, MatPaginatorModule,
FlexGridModule
],
declarations: []
})
export class SharedModule { }
Example #22
Source File: deals.module.ts From careydevelopmentcrm with MIT License | 5 votes |
@NgModule({
declarations: [
DisplayStageDirective,
DealsByContactComponent,
DealFormComponent,
EditDealComponent,
AddDealComponent,
ViewDealComponent,
StageProgressBarComponent,
FuturePipelineComponent,
DealShareByContactComponent,
RevenueContributionComponent,
AccountsRankedComponent,
ViewDealsComponent
],
exports: [
DealsByContactComponent,
FuturePipelineComponent,
DealShareByContactComponent,
RevenueContributionComponent,
AccountsRankedComponent
],
imports: [
CommonModule,
FlexLayoutModule,
MatCardModule,
MatIconModule,
MatButtonModule,
MatProgressSpinnerModule,
AlertModule,
ReactiveFormsModule,
MatInputModule,
MatSelectModule,
MatRadioModule,
MatDatepickerModule,
MatExpansionModule,
MatTableModule,
MatPaginatorModule,
MatSortModule,
MatListModule,
ActivitiesModule,
NgxEchartsModule.forRoot({
echarts: () => import('echarts')
}),
RouterModule.forChild(routes)
]
})
export class DealsModule { }
Example #23
Source File: shared-material.module.ts From matx-angular with MIT License | 5 votes |
@NgModule({
exports: [
MatCheckboxModule,
MatButtonModule,
MatInputModule,
MatAutocompleteModule,
MatDatepickerModule,
MatFormFieldModule,
MatRadioModule,
MatSelectModule,
MatSliderModule,
MatSlideToggleModule,
MatMenuModule,
MatSidenavModule,
MatToolbarModule,
MatListModule,
MatGridListModule,
MatCardModule,
MatStepperModule,
MatTabsModule,
MatExpansionModule,
MatButtonToggleModule,
MatChipsModule,
MatIconModule,
MatProgressSpinnerModule,
MatProgressBarModule,
MatDialogModule,
MatTooltipModule,
MatSnackBarModule,
MatTableModule,
MatSortModule,
MatPaginatorModule,
MatNativeDateModule,
MatMomentDateModule,
MatTreeModule,
MatRippleModule,
MatBadgeModule,
MatBottomSheetModule,
MatDividerModule
]
})
export class SharedMaterialModule {}
Example #24
Source File: material.module.ts From ngSurvey with MIT License | 5 votes |
@NgModule({
exports: [
A11yModule,
ClipboardModule,
CdkStepperModule,
CdkTableModule,
CdkTreeModule,
DragDropModule,
MatAutocompleteModule,
MatBadgeModule,
MatBottomSheetModule,
MatButtonModule,
MatButtonToggleModule,
MatCardModule,
MatCheckboxModule,
MatChipsModule,
MatStepperModule,
MatDatepickerModule,
MatDialogModule,
MatDividerModule,
MatExpansionModule,
MatGridListModule,
MatIconModule,
MatInputModule,
MatListModule,
MatMenuModule,
MatNativeDateModule,
MatPaginatorModule,
MatProgressBarModule,
MatProgressSpinnerModule,
MatRadioModule,
MatRippleModule,
MatSelectModule,
MatSidenavModule,
MatSliderModule,
MatSlideToggleModule,
MatSnackBarModule,
MatSortModule,
MatTableModule,
MatTabsModule,
MatToolbarModule,
MatTooltipModule,
MatTreeModule,
PortalModule,
ScrollingModule,
]
})
export class MaterialModule {}
Example #25
Source File: material.module.ts From open-genes-frontend with Mozilla Public License 2.0 | 5 votes |
@NgModule({
imports: [
MatCheckboxModule,
MatButtonModule,
MatInputModule,
MatAutocompleteModule,
MatDatepickerModule,
MatFormFieldModule,
MatRadioModule,
MatSelectModule,
MatSliderModule,
MatSlideToggleModule,
MatMenuModule,
MatSidenavModule,
MatToolbarModule,
MatListModule,
MatGridListModule,
MatCardModule,
MatStepperModule,
MatTabsModule,
MatExpansionModule,
MatButtonToggleModule,
MatChipsModule,
MatIconModule,
MatProgressSpinnerModule,
MatProgressBarModule,
MatDialogModule,
MatTooltipModule,
MatSnackBarModule,
MatTableModule,
MatSortModule,
MatPaginatorModule,
MatBottomSheetModule,
MatBadgeModule,
MatRippleModule,
],
exports: [
MatCheckboxModule,
MatButtonModule,
MatInputModule,
MatAutocompleteModule,
MatDatepickerModule,
MatFormFieldModule,
MatRadioModule,
MatSelectModule,
MatSliderModule,
MatSlideToggleModule,
MatMenuModule,
MatSidenavModule,
MatToolbarModule,
MatListModule,
MatGridListModule,
MatCardModule,
MatStepperModule,
MatTabsModule,
MatExpansionModule,
MatButtonToggleModule,
MatChipsModule,
MatIconModule,
MatProgressSpinnerModule,
MatProgressBarModule,
MatDialogModule,
MatTooltipModule,
MatSnackBarModule,
MatTableModule,
MatSortModule,
MatPaginatorModule,
MatBottomSheetModule,
MatBadgeModule,
],
})
export class MaterialModule {}
Example #26
Source File: material.module.ts From assetMG with Apache License 2.0 | 5 votes |
@NgModule({
exports: [
// A11yModule,
// ClipboardModule,
// CdkStepperModule,
// CdkTableModule,
// CdkTreeModule,
// DragDropModule,
// MatAutocompleteModule,
// MatBadgeModule,
// MatBottomSheetModule,
MatButtonModule,
//MatButtonToggleModule,
MatCardModule,
MatCheckboxModule,
// MatChipsModule,
MatStepperModule,
// MatDatepickerModule,
MatDialogModule,
MatDividerModule,
// MatExpansionModule,
// MatGridListModule,
MatIconModule,
MatInputModule,
MatListModule,
// MatMenuModule,
// MatNativeDateModule,
MatPaginatorModule,
MatProgressBarModule,
MatProgressSpinnerModule,
MatRadioModule,
// MatRippleModule,
MatSelectModule,
MatSidenavModule,
// MatSliderModule,
// MatSlideToggleModule,
MatSnackBarModule,
MatSortModule,
MatTableModule,
MatTabsModule,
MatToolbarModule,
// MatTooltipModule,
MatTreeModule,
// PortalModule,
// ScrollingModule,
],
})
export class MaterialModule {}
Example #27
Source File: app.module.ts From reactive-angular-course with MIT License | 5 votes |
@NgModule({
declarations: [
AppComponent,
HomeComponent,
AboutComponent,
CourseComponent,
CourseDialogComponent,
LoginComponent,
LessonComponent,
SafeUrlPipe,
MessagesComponent,
SearchLessonsComponent,
LoadingComponent,
CoursesCardListComponent
],
imports: [
BrowserModule,
BrowserAnimationsModule,
HttpClientModule,
MatMenuModule,
MatButtonModule,
MatIconModule,
MatCardModule,
MatTabsModule,
MatSidenavModule,
MatListModule,
MatToolbarModule,
MatInputModule,
MatTableModule,
MatPaginatorModule,
MatSortModule,
MatProgressSpinnerModule,
MatDialogModule,
AppRoutingModule,
MatSelectModule,
MatDatepickerModule,
MatMomentDateModule,
ReactiveFormsModule
],
providers: [
LoadingService,
MessagesService
],
bootstrap: [AppComponent],
entryComponents: [CourseDialogComponent]
})
export class AppModule {
}
Example #28
Source File: app.module.ts From oss-github-benchmark with GNU General Public License v3.0 | 5 votes |
@NgModule({
declarations: [
AppComponent,
VisualizationComponent,
NavComponent,
DimensionSelectorComponent,
ListComponent,
ItemComponent,
ExploreItemComponent,
RankingComponent,
TreeComponent,
ExploreComponent,
ToNiceNamePipe,
RepositoriesRankingComponent,
RepositoryDetailViewComponent,
UserRankingComponent,
],
imports: [
BrowserModule.withServerTransition({ appId: 'serverApp' }),
AppRoutingModule,
HttpClientModule,
CommonModule,
ReactiveFormsModule,
VisualizationsModule,
FormsModule,
BrowserAnimationsModule,
MatToolbarModule,
MatButtonModule,
MatIconModule,
MatMenuModule,
MatSelectModule,
MatInputModule,
MatCardModule,
Ng2SearchPipeModule,
MatTableModule,
MatSortModule,
MatFormFieldModule,
MatPaginatorModule,
MatTreeModule,
MatDialogModule,
MatCheckboxModule,
MatSidenavModule,
MatTooltipModule,
MatExpansionModule,
MatDividerModule,
ScullyLibModule,
],
providers: [],
bootstrap: [AppComponent],
})
export class AppModule {}
Example #29
Source File: activities.module.ts From careydevelopmentcrm with MIT License | 5 votes |
@NgModule({
declarations: [
ActivityDateDisplayPipe,
TimeDifferencePipe,
DisplayOutcomeStatusDirective,
DisplayActivityDateDifferenceDirective,
RecentActivitiesByContactComponent,
ActivityFormComponent,
AddActivityComponent,
ViewActivityComponent,
ViewActivitiesComponent,
EditActivityComponent,
ActivitiesListComponent,
ViewActivityMenuComponent,
UpdateNotesDialog
],
exports: [
RecentActivitiesByContactComponent,
ActivitiesListComponent
],
imports: [
CommonModule,
FlexLayoutModule,
MatCardModule,
MatIconModule,
MatButtonModule,
MatProgressSpinnerModule,
AlertModule,
ReactiveFormsModule,
MatInputModule,
MatSelectModule,
MatRadioModule,
MatDatepickerModule,
MatExpansionModule,
MatTableModule,
MatPaginatorModule,
MatSortModule,
MatListModule,
MatMenuModule,
MatDialogModule,
MatCheckboxModule,
RouterModule.forChild(routes)
]
})
export class ActivitiesModule { }