@angular/material/autocomplete#MatAutocompleteModule TypeScript Examples
The following examples show how to use
@angular/material/autocomplete#MatAutocompleteModule.
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: contact-form.component.spec.ts From careydevelopmentcrm with MIT License | 6 votes |
describe('ContactFormComponent', () => {
let component: ContactFormComponent;
let fixture: ComponentFixture<ContactFormComponent>;
beforeEach(async () => {
await TestBed.configureTestingModule({
declarations: [
ContactFormComponent,
AddressesFormComponent,
BasicInfoFormComponent,
PhonesFormComponent
],
imports: [
HttpClientTestingModule,
MatAutocompleteModule
],
providers: [
AlertService,
FormBuilder
]
})
.compileComponents();
});
beforeEach(() => {
fixture = TestBed.createComponent(ContactFormComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});
it('should create', () => {
expect(component).toBeTruthy();
});
});
Example #2
Source File: project.module.ts From muino-time-management with GNU General Public License v3.0 | 6 votes |
@NgModule({
bootstrap: [
ProjectComponent,
ProjectidComponent,
ProjectnewComponent,
TasknewComponent,
EditprojectComponent,
EdittaskComponent
],
declarations: [
ProjectComponent,
ProjectidComponent,
ProjectnewComponent,
TasknewComponent,
EditprojectComponent,
EdittaskComponent
],
imports: [
CommonModule,
FormsModule,
ProjectRoutingModule,
DataTablesModule,
ReactiveFormsModule,
MatAutocompleteModule,
MatDividerModule,
MatButtonModule,
MatFormFieldModule,
MatRippleModule,
MatInputModule,
MatCheckboxModule,
MatSelectModule
]
})
export class ProjectModule { }
Example #3
Source File: profile.module.ts From muino-time-management with GNU General Public License v3.0 | 6 votes |
@NgModule({
bootstrap: [
ProfileComponent,
],
declarations: [ProfileComponent],
providers:[ProfileService],
imports: [
CommonModule,
BsDropdownModule,
ButtonsModule,
ProfileRoutingModule,
MatAutocompleteModule,
MatDividerModule,
MatButtonModule,
MatFormFieldModule,
MatRippleModule,
MatInputModule,
MatCheckboxModule,
MatSelectModule
]
})
export class ProfileModule { }
Example #4
Source File: prikklok.module.ts From muino-time-management with GNU General Public License v3.0 | 6 votes |
@NgModule({
declarations: [PrikklokComponent],
imports: [
CommonModule,
FormsModule,
ReactiveFormsModule,
MatAutocompleteModule,
MatButtonModule,
MatFormFieldModule,
MatRippleModule,
MatInputModule,
PrikklokRoutingModule,
MatCheckboxModule,
MatSelectModule,
MatDatepickerModule,
MatNativeDateModule
]
})
export class PrikklokModule { }
Example #5
Source File: accounting.module.ts From muino-time-management with GNU General Public License v3.0 | 6 votes |
@NgModule({
declarations: [AccountingComponent],
providers: [AccountingService],
imports: [
FormsModule,
CommonModule,
BsDropdownModule,
ButtonsModule.forRoot(),
AccountingRoutingModule,
FormsModule,
MatAutocompleteModule, MatDividerModule, MatButtonModule, MatCheckboxModule, MatFormFieldModule, MatInputModule, MatRippleModule,
MatSelectModule
]
})
export class AccountingModule { }
Example #6
Source File: ui-inputs.module.ts From geonetwork-ui with GNU General Public License v2.0 | 6 votes |
@NgModule({
declarations: [
DropdownSelectorComponent,
AutocompleteComponent,
ButtonComponent,
TextInputComponent,
DragAndDropFileInputComponent,
TextAreaComponent,
ChipsInputComponent,
DatepickerComponent,
NavigationButtonComponent,
],
imports: [
BrowserModule,
TranslateModule.forChild(),
NgxDropzoneModule,
BrowserAnimationsModule,
FormsModule,
ReactiveFormsModule,
TagInputModule,
AngularMyDatePickerModule,
UtilSharedModule,
MatAutocompleteModule,
MatIconModule,
],
exports: [
DropdownSelectorComponent,
AutocompleteComponent,
ButtonComponent,
TextInputComponent,
DragAndDropFileInputComponent,
TextAreaComponent,
ChipsInputComponent,
DatepickerComponent,
NavigationButtonComponent,
],
})
export class UiInputsModule {}
Example #7
Source File: reports.module.ts From muino-time-management with GNU General Public License v3.0 | 6 votes |
@NgModule({
bootstrap: [
ReportsComponent
],
declarations: [ReportsComponent],
providers:[ReportsService],
imports: [
CommonModule,
BsDropdownModule,
ButtonsModule,
ReportsRoutingModule,
MatAutocompleteModule,
MatDividerModule,
MatButtonModule,
MatFormFieldModule,
MatRippleModule,
MatInputModule,
MatCheckboxModule,
MatSelectModule
]
})
export class ReportsModule { }
Example #8
Source File: dxc-input-text.module.ts From halstack-angular with Apache License 2.0 | 6 votes |
@NgModule({
declarations: [DxcInputTextComponent, DxcInputPrefixIconComponent, DxcInputSuffixIconComponent],
imports: [
CommonModule,
ReactiveFormsModule,
MatInputModule,
MatFormFieldModule,
FormsModule,
MatAutocompleteModule,
],
exports: [DxcInputTextComponent, DxcInputPrefixIconComponent, DxcInputSuffixIconComponent],
})
export class DxcInputTextModule {}
Example #9
Source File: app.module.ts From gnosis.1inch.exchange with MIT License | 6 votes |
@NgModule({
declarations: [
AppComponent,
SlippageSettingsComponent,
GasSettingsComponent
],
imports: [
BrowserModule,
AppRoutingModule,
HttpClientModule,
BrowserAnimationsModule,
MatButtonModule,
MatSelectModule,
FormsModule,
ReactiveFormsModule,
MatInputModule,
MatFormFieldModule,
MatTooltipModule,
MatIconModule,
MatRadioModule,
NgxWebstorageModule.forRoot(),
MatAutocompleteModule,
NgxMatSelectSearchModule,
MatExpansionModule,
FontAwesomeModule
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule {
}
Example #10
Source File: users.module.ts From muino-time-management with GNU General Public License v3.0 | 6 votes |
@NgModule({
declarations: [UsersComponent, UserIdComponent],
providers: [UsersService],
imports: [
FormsModule,
ReactiveFormsModule,
UsersRoutingModule,
BsDropdownModule,
ButtonsModule.forRoot(),
CommonModule,
DataTablesModule,
MatAutocompleteModule,
MatDividerModule,
MatButtonModule,
MatFormFieldModule,
MatRippleModule,
MatInputModule,
MatCheckboxModule,
MatSelectModule
]
})
export class UsersModule { }
Example #11
Source File: json-schema-form.module.ts From json-schema-form with Apache License 2.0 | 6 votes |
@NgModule({
declarations: [JsonSchemaFormComponent, EditElementDialogComponent, WidgetDirective],
imports: [
MatCardModule,
FlexLayoutModule,
MatIconModule,
MatTooltipModule,
MatTableModule,
MatTabsModule,
MatFormFieldModule,
MatSelectModule,
MatDatepickerModule,
MatCheckboxModule,
MatAutocompleteModule,
HttpClientModule,
CommonModule,
MatInputModule,
MatNativeDateModule,
MatButtonModule,
MatExpansionModule,
MatMenuModule,
ReactiveFormsModule,
MatDialogModule,
MatChipsModule,
DragDropModule
],
exports: [JsonSchemaFormComponent],
providers: [
// turn off tooltip gestures on mobile: https://github.com/angular/components/issues/4892
{ provide: MAT_TOOLTIP_DEFAULT_OPTIONS, useValue: { touchGestures: 'off' } },
{ provide: EDIT_DIALOG_TOKEN, useValue: EditElementDialogComponent }
]
})
export class JsonSchemaFormModule { }
Example #12
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 #13
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 #14
Source File: basic-info-form.component.spec.ts From careydevelopmentcrm with MIT License | 6 votes |
describe('BasicInfoFormComponent', () => {
let component: BasicInfoFormComponent;
let fixture: ComponentFixture<BasicInfoFormComponent>;
beforeEach(async () => {
await TestBed.configureTestingModule({
declarations: [BasicInfoFormComponent],
imports: [
HttpClientTestingModule,
MatAutocompleteModule
],
providers: [
FormBuilder
]
})
.compileComponents();
});
beforeEach(() => {
fixture = TestBed.createComponent(BasicInfoFormComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});
it('should create', () => {
expect(component).toBeTruthy();
});
});
Example #15
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 #16
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 #17
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 #18
Source File: app.module.ts From RoboScan with GNU General Public License v3.0 | 6 votes |
@NgModule({
declarations: [
AppComponent,
AlertDialogComponent,
DockerDialogComponent,
SambaDialogComponent,
RsyncDialogComponent,
CaptureOneDialogComponent
],
imports: [
HttpClientModule,
BrowserModule,
BrowserAnimationsModule,
FormsModule,
ReactiveFormsModule,
MatToolbarModule,
MatStepperModule,
MatButtonModule,
MatIconModule,
MatFormFieldModule,
MatDialogModule,
MatMenuModule,
MatDividerModule,
MatAutocompleteModule,
MatInputModule,
MatSelectModule,
MatButtonToggleModule,
MatExpansionModule,
MatSlideToggleModule,
SocketIoModule.forRoot(config),
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }
Example #19
Source File: gps.module.ts From ASW-Form-Builder with MIT License | 6 votes |
@NgModule({
imports: [
CommonModule,
FormsModule,
ReactiveFormsModule,
MatFormFieldModule,
MatSelectModule,
MatInputModule,
MatDialogModule,
MatIconModule,
MatTooltipModule,
AswConfirmDialogModule,
MatAutocompleteModule,
MatDividerModule,
MatSlideToggleModule
],
declarations: [
AswGps,
AswGpsDialog
],
exports: [
AswGps,
AswGpsDialog
]
})
export class AswGpsModule { }
Example #20
Source File: autocomplete.module.ts From ASW-Form-Builder with MIT License | 6 votes |
@NgModule({
imports: [
CommonModule,
FormsModule,
ReactiveFormsModule,
MatInputModule,
MatSelectModule,
MatDialogModule,
MatSlideToggleModule,
MatDividerModule,
MatTooltipModule,
MatRadioModule,
MatIconModule,
MatAutocompleteModule,
AswConfirmDialogModule,
],
declarations: [
AswAutocomplete,
AswAutocompleteDialog
],
exports: [
AswAutocomplete,
AswAutocompleteDialog
]
})
export class AswAutocompleteModule { }
Example #21
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 #22
Source File: session-details.module.ts From VIR with MIT License | 6 votes |
@NgModule({
declarations: [SessionDetailsComponent],
imports: [
CommonModule,
MatButtonModule,
MatIconModule,
MatInputModule,
MatFormFieldModule,
FormsModule,
MatCheckboxModule,
MatAutocompleteModule,
ReactiveFormsModule,
MatTooltipModule,
MatSelectModule,
],
entryComponents: [SessionDetailsComponent],
exports: [SessionDetailsComponent],
})
export class SessionDetailsModule {
}
Example #23
Source File: quota-rule-details.module.ts From VIR with MIT License | 6 votes |
@NgModule({
declarations: [QuotaRuleDetailsComponent],
imports: [
CommonModule,
MatButtonModule,
MatIconModule,
MatInputModule,
MatFormFieldModule,
FormsModule,
MatCheckboxModule,
MatAutocompleteModule,
ReactiveFormsModule,
MatTooltipModule,
MatSelectModule,
MatDatepickerModule,
MatButtonToggleModule,
],
entryComponents: [QuotaRuleDetailsComponent],
exports: [QuotaRuleDetailsComponent],
})
export class QuotaRuleDetailsModule {
}
Example #24
Source File: item-details.module.ts From VIR with MIT License | 6 votes |
@NgModule({
declarations: [ItemDetailsComponent],
imports: [
CommonModule,
MatButtonModule,
MatIconModule,
MatInputModule,
MatFormFieldModule,
FormsModule,
ColorPickerModule,
MatCheckboxModule,
MatAutocompleteModule,
ReactiveFormsModule,
MatTooltipModule,
MatDatepickerModule,
MatSelectModule,
MatButtonToggleModule,
],
entryComponents: [ItemDetailsComponent],
exports: [ItemDetailsComponent],
})
export class ItemDetailsModule {
}
Example #25
Source File: goto-item.module.ts From VIR with MIT License | 6 votes |
@NgModule({
declarations: [GotoItemComponent],
imports: [
CommonModule,
MatIconModule,
MatFormFieldModule,
FormsModule,
MatInputModule,
MatButtonModule,
MatAutocompleteModule,
],
})
export class GotoItemModule {
}
Example #26
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 #27
Source File: app.module.ts From wingsearch with GNU General Public License v3.0 | 5 votes |
@NgModule({
declarations: [
AppComponent,
SearchComponent,
DisplayComponent,
BonusCardOptionComponent,
BirdCardComponent,
BonusCardComponent,
IconizePipe,
StatsComponent,
CardDetailComponent,
ConsentComponent,
BirdCardDetailComponent,
BonusCardDetailComponent,
TranslatePipe,
LanguageDialogComponent,
AnalyticsEventDirective,
ApplinkDirective,
SafePipe,
],
imports: [
BrowserModule,
AppRoutingModule,
BrowserAnimationsModule,
FormsModule,
HttpClientModule,
InfiniteScrollModule,
MatAutocompleteModule,
MatButtonModule,
MatCardModule,
MatChipsModule,
MatDialogModule,
MatExpansionModule,
MatFormFieldModule,
MatGridListModule,
MatIconModule,
MatInputModule,
MatSelectModule,
MatTooltipModule,
Ng5SliderModule,
ReactiveFormsModule,
StoreModule.forRoot({ app: appReducer, router: routerReducer }, {}),
StoreRouterConnectingModule.forRoot(),
StoreDevtoolsModule.instrument({ maxAge: 25, logOnly: environment.production }),
ServiceWorkerModule.register('ngsw-worker.js', { enabled: environment.production }),
EffectsModule.forRoot([AppEffects]),
],
providers: [
AnalyticsService,
CookiesService,
TranslatePipe,
],
bootstrap: [AppComponent],
entryComponents: [
BirdCardDetailComponent,
BonusCardDetailComponent,
LanguageDialogComponent,
]
})
export class AppModule { }
Example #28
Source File: app.module.ts From workflow-editor with Educational Community License v2.0 | 5 votes |
@NgModule({
declarations: [
AppComponent,
UploadWorkflowsDialogComponent,
DragDropUploadDirective,
WorkflowListComponent,
DownloadWorkflowsDialogComponent,
WorkflowItemComponent,
OperationItemComponent,
DefaultOperationListComponent,
SelectWorkflowsDialogComponent,
EditOperationComponent,
EditWorkflowComponent,
ConditionItemComponent,
APPLICATION_VALIDATORS,
ShowErrorComponent,
SearchPipe
],
imports: [
BrowserModule,
Ng2SearchPipeModule,
AngularSplitModule.forRoot(),
MonacoEditorModule.forRoot(),
BrowserAnimationsModule,
DragDropModule,
MatToolbarModule,
MatDialogModule,
MatFormFieldModule,
MatInputModule,
MatChipsModule,
MatTabsModule,
MatIconModule,
MatCardModule,
MatAutocompleteModule,
FormsModule,
ReactiveFormsModule,
MatBadgeModule,
MatListModule,
MatSidenavModule,
MatButtonToggleModule,
FlexLayoutModule,
MatSlideToggleModule,
MatButtonModule,
MatProgressSpinnerModule,
SortablejsModule.forRoot({
animation: 150,
group: {
name: 'shared'
},
fallbackOnBody: true,
swapThreshold: 0.65
})
],
schemas: [CUSTOM_ELEMENTS_SCHEMA],
providers: [],
bootstrap: [AppComponent],
entryComponents: [UploadWorkflowsDialogComponent, DownloadWorkflowsDialogComponent, SelectWorkflowsDialogComponent]
})
export class AppModule { }
Example #29
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 {}