@angular/material/list MatListModule TypeScript Examples

Source File: gene.module.ts From open-genes-frontend with Mozilla Public License 2.0

6 votes

@NgModule({
  declarations: [
    GeneComponent,
    ResearchesComponent,
    GeneOntologyComponent,
    HumanProteinAtlasComponent,
    ExpressionComponent,
    DynamicContentAnchorsDirective,
    GeneLocationComponent
  ],
  imports: [
    CommonModule,
    RouterModule.forChild(GENE_ROUTES),
    TranslateModule,
    MatProgressBarModule,
    MatCardModule,
    MatListModule,
    MatExpansionModule,
    PipesModule,
    MaterialModule,
    NgToArrayPipeModule,
    UiComponentsModule,
    SidebarModule,
    DirectivesModule,
    NoContentModule,
    IconModule,
    GeneReferenceModule,
    PublicationInfoModule,
    AssociatedDiseasesModule,
    AssociatedDiseaseCategoriesModule,
    NgSplitPipeModule,
    ResearchTablesModule,
  ],
})
export class GeneModule {}

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 { }

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 {}

Source File: shared.module.ts From angular-material-admin with MIT License

6 votes

@NgModule({
  declarations: [
    SidebarComponent,
    FooterComponent,
    SettingsMenuComponent,
    DateMenuComponent,
    LayoutComponent
  ],
  imports: [
    HeaderModule,
    MatListModule,
    MatIconModule,
    RouterModule,
    MatButtonModule,
    CommonModule,
    MatMenuModule,
    MatSelectModule,
    FormsModule,
    MatSidenavModule
  ],
  exports: [
    HeaderModule,
    SidebarComponent,
    FooterComponent,
    SettingsMenuComponent,
    DateMenuComponent,
    LayoutComponent
  ]
})
export class SharedModule { }

Source File: switch-org.module.ts From fyle-mobile-app with MIT License

6 votes

@NgModule({
  imports: [
    CommonModule,
    FormsModule,
    IonicModule,
    SwitchOrgPageRoutingModule,
    MatFormFieldModule,
    MatInputModule,
    MatListModule,
    MatRippleModule,
    SharedModule,
  ],
  declarations: [SwitchOrgPage, ActiveOrgCardComponent, OrgCardComponent],
})
export class SwitchOrgPageModule {}

Source File: app.module.ts From angular-material-components with MIT License

6 votes

@NgModule({
   declarations: [
      AppComponent,
      HomeComponent
   ],
   imports: [
      BrowserModule,
      HttpClientModule,
      BrowserAnimationsModule,
      AppRoutingModule,
      MatButtonModule,
      MatSidenavModule,
      MatToolbarModule,
      MatIconModule,
      MatListModule,
      MatCardModule
   ],
   bootstrap: [
      AppComponent
   ]
})
export class AppModule { }

Source File: app.module.ts From ngx-mat-datetime-picker with MIT License

6 votes

@NgModule({
   declarations: [
      AppComponent,
      HomeComponent
   ],
   imports: [
      BrowserModule,
      HttpClientModule,
      BrowserAnimationsModule,
      AppRoutingModule,
      MatButtonModule,
      MatSidenavModule,
      MatToolbarModule,
      MatIconModule,
      MatListModule,
      MatCardModule
   ],
   bootstrap: [
      AppComponent
   ]
})
export class AppModule { }

Source File: app.module.ts From ngx-ui-tour with MIT License

6 votes

@NgModule({
    declarations: [
        AppComponent,
        HomeComponent
    ],
    imports: [
        BrowserModule,
        AppRoutingModule,
        BrowserAnimationsModule,
        TourMatMenuModule.forRoot(),
        MatSidenavModule,
        MatListModule
    ],
    providers: [],
    bootstrap: [AppComponent]
})
export class AppModule {}

Source File: docs.module.ts From open-source with MIT License

6 votes

@NgModule({
  imports: [
    CommonModule,
    HttpClientModule,
    FlexLayoutModule,
    RouterModule.forChild(routes),
    MatButtonModule,
    MatIconModule,
    MatTabsModule,
    MatExpansionModule,
    MatListModule,
    MatSnackBarModule,
    MatTooltipModule,
    LayoutModule,
  ],
  declarations: [
    LayoutComponent,
    ContentComponent,
    ExampleComponent,
    ViewerComponent,
    StackblitzComponent,
  ],
  providers: [
    ContentService,
  ],
})
export class DocsModule {}

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,
]

Source File: material.module.ts From mysql_node_angular with MIT License

6 votes

myModules = [
  MatToolbarModule,
  MatSidenavModule,
  MatButtonModule,
  MatMenuModule,
  MatListModule,
  MatIconModule,
  MatInputModule,
  MatCardModule,
  MatTableModule,
  MatSortModule,
  MatDialogModule,
  MatOptionModule,
  MatSelectModule,
]

Source File: news.module.ts From open-genes-frontend with Mozilla Public License 2.0

6 votes

@NgModule({
  declarations: [NewsComponent],
  imports: [
    CommonModule,
    RouterModule.forChild(routes),
    TranslateModule,
    NewsListModule,
    MatButtonModule,
    FormsModule,
    ArticlesListModule,
    SidebarModule,
    MatListModule,
    UiComponentsModule,
  ],
})
export class NewsModule {}

Source File: angular-material.module.ts From detection-app with MIT License

6 votes

materialModules = [
  MatToolbarModule,
  MatButtonModule,
  MatIconModule,
  MatDialogModule,
  MatSnackBarModule,
  MatProgressSpinnerModule,
  MatMenuModule,
  MatTooltipModule,
  MatSidenavModule,
  MatListModule,
  MatFormFieldModule,
  MatCheckboxModule,
  BrowserAnimationsModule
]

Source File: configuration.component.spec.ts From HeartBeat with MIT License

6 votes

describe('ConfigurationComponent', () => {
  let component: ConfigurationComponent;
  let fixture: ComponentFixture<ConfigurationComponent>;

  beforeEach(async(() => {
    TestBed.configureTestingModule({
      imports: [
        ReactiveFormsModule,
        RouterTestingModule,
        MatDialogModule,
        MatSelectModule,
        MatListModule,
        MatInputModule,
        BrowserAnimationsModule,
      ],
      declarations: [ConfigurationComponent, MatError],
    }).compileComponents();
  }));

  beforeEach(() => {
    fixture = TestBed.createComponent(ConfigurationComponent);
    component = fixture.componentInstance;
    fixture.detectChanges();
  });

  it('should create', () => {
    expect(component).toBeTruthy();
  });
});

Source File: app.module.ts From flingo with MIT License

6 votes

@NgModule({
    declarations: [AppComponent, AppBreadcrumbComponent, FullComponent, AppSidebarComponent, SpinnerComponent],
    imports: [
        BrowserModule,
        BrowserAnimationsModule,
        MatMenuModule,
        MatIconModule,
        MatButtonModule,
        LayoutModule,
        SharedModule,
        RouterModule.forRoot(AppRoutes, { relativeLinkResolution: 'legacy' }),
        MatSidenavModule,
        FlexLayoutModule,
        MatToolbarModule,
        MatListModule,
        MatProgressBarModule,
        SpinnerModule
    ],
    bootstrap: [AppComponent]
})
export class AppModule {}

Source File: forms.module.ts From matx-angular with MIT License

6 votes

@NgModule({
  imports: [
    CommonModule,
    FormsModule,
    ReactiveFormsModule,
    MatInputModule,
    MatListModule,
    MatCardModule,
    MatDatepickerModule,
    MatNativeDateModule,
    MatProgressBarModule,
    MatRadioModule,
    MatCheckboxModule,
    MatButtonModule,
    MatIconModule,
    MatStepperModule,
    FlexLayoutModule,
    QuillModule,
    NgxDatatableModule,
    FileUploadModule,
    RouterModule.forChild(FormsRoutes)
  ],
  declarations: [
    BasicFormComponent,
    RichTextEditorComponent,
    FileUploadComponent,
    WizardComponent
  ]
})
export class AppFormsModule {}

Source File: shared-mat.module.ts From ng-application-builder with MIT License

6 votes

@NgModule({
  declarations: [],
  exports: [
    CommonModule,
    MatButtonModule,
    MatFormFieldModule,
    MatDialogModule,
    MatInputModule,
    MatRadioModule,
    MatCardModule,
    MatProgressSpinnerModule,
    MatListModule,
    MatToolbarModule,
    MatExpansionModule,
    MatTooltipModule,
    MatIconModule,
    MatProgressBarModule
]
})
export class SharedMatModule { }

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 {}

Source File: view.module.ts From yii-debug-frontend with BSD 3-Clause "New" or "Revised" License

6 votes

@NgModule({
    declarations: [SideNavBarComponent, ConfigurationComponent, ViewLayoutComponent],
    imports: [
        RouterModule.forChild(routes),
        CommonModule,
        MatSidenavModule,
        MatListModule,
        MatTableModule,
        NgxJsonViewerModule,
        SharedModule,
    ],
})
export class ViewModule {}

Source File: _module.stories.ts From angular-component-library with BSD 3-Clause "New" or "Revised" License

6 votes

storiesOf(`${COMPONENT_SECTION_NAME}/User Menu`, module)
    .addDecorator(
        moduleMetadata({
            imports: [
                BrowserAnimationsModule,
                MatToolbarModule,
                UserMenuModule,
                InfoListItemModule,
                MatListModule,
                MatDividerModule,
                UtilModule,
                MatIconModule,
            ],
        })
    )
    .addDecorator(withKnobs)
    // @accessibility
    .addDecorator(withA11y)
    .addDecorator(storyWrapper())
    .addParameters({
        ...STORY_PARAMS,
        notes: { markdown: userMenuReadMe },
    })
    .add(README_STORY_NAME, getReadMeStory)
    .add(WITH_MIN_PROPS_STORY_NAME, withBasicConfig)
    .add('with non-text avatar', withNonTextAvatar)
    .add('with a menu header', withMenuHeader)
    .add('with menu placement options', withMenuPlacement)
    .add('with custom menu', withCustomMenu)
    .add('with full config', withFullConfig);

Source File: app.module.ts From Collab-Blog with GNU General Public License v3.0

6 votes

@NgModule({
  declarations: [
    AppComponent,
    BlogListComponent,
    AddBlogComponent,
    NavbarComponent,
    WelcomePageComponent,
    ViewBlogComponent,
    UpdateBlogComponent,
    
  ],
  imports: [
    BrowserModule,
    AppRoutingModule,
    HttpClientModule,
    ReactiveFormsModule,
    MatButtonModule,
    MatCardModule,
    MatInputModule,
    MatListModule,
    MatToolbarModule,
    MatSliderModule,
    MatMenuModule,
    MatFormFieldModule,
    BrowserAnimationsModule,
    FormsModule,
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

Source File: app-material.module.ts From barista with Apache License 2.0

6 votes

expose = [
  BrowserAnimationsModule,
  MatButtonModule,
  MatButtonToggleModule,
  MatCardModule,
  MatDialogModule,
  MatGridListModule,
  MatIconModule,
  MatListModule,
  MatMenuModule,
  MatSidenavModule,
  MatSnackBarModule,
  MatTabsModule,
  MatToolbarModule,
  MatButtonModule,
  MatCardModule,
  MatGridListModule,
  MatIconModule,
  MatMenuModule,
  MatTreeModule,
  MatFormFieldModule,
  MatInputModule,
  MatSelectModule,
  MatOptionModule,
  MatProgressSpinnerModule,
  MatExpansionModule,
  MatTooltipModule,
]

Source File: app.module.ts From travel-list with MIT License

6 votes

@NgModule({
  declarations: [
    AppComponent,
    TravelListComponent,
    TravelTabsComponent,
    NewComponent,
  ],
  imports: [
    BrowserModule,
    AppRoutingModule,
    BrowserAnimationsModule,
    HttpClientModule,
    LayoutModule,
    MatToolbarModule,
    MatButtonModule,
    MatSidenavModule,
    MatIconModule,
    MatListModule,
    MatCardModule,
    MatTabsModule,
    MatDialogModule,
    MatFormFieldModule,
    MatInputModule,
    FormsModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule {
}

Source File: consumer-common.module.ts From nghacks with MIT License

6 votes

@NgModule({
  exports: [
    MatExpansionModule,
    MatIconModule,
    MatListModule,
    MatButtonModule
  ]
})
export class ConsumerCommonModule { }

Source File: material.module.ts From router with MIT License

6 votes

@NgModule({
  imports: [
    MatInputModule,
    MatCardModule,
    MatButtonModule,
    MatSidenavModule,
    MatListModule,
    MatIconModule,
    MatToolbarModule,
    MatProgressSpinnerModule,
    MatDialogModule,
  ],
  exports: [
    MatInputModule,
    MatCardModule,
    MatButtonModule,
    MatSidenavModule,
    MatListModule,
    MatIconModule,
    MatToolbarModule,
    MatProgressSpinnerModule,
    MatDialogModule,
  ],
})
export class MaterialModule {}

Source File: _module.stories.ts From angular-component-library with BSD 3-Clause "New" or "Revised" License

6 votes

storiesOf(`${COMPONENT_SECTION_NAME}/App Bar`, module)
    .addDecorator(
        moduleMetadata({
            imports: [
                AppBarModule,
                ThreeLinerModule,
                BrowserAnimationsModule,
                ChannelValueModule,
                MatIconModule,
                MatFormFieldModule,
                UtilModule,
                MatButtonModule,
                MatSelectModule,
                MatInputModule,
                MatMenuModule,
                MatListModule,
            ],
        })
    )
    .addDecorator(withKnobs)
    // @accessibility
    .addDecorator(withA11y)
    .addDecorator(appBarWrapper())
    .addDecorator(storyWrapper())
    .addParameters({
        ...STORY_PARAMS,
        notes: { markdown: getReadMe('AppBar.md') },
    })
    .add(README_STORY_NAME, getReadMeStory)
    .add(WITH_MIN_PROPS_STORY_NAME, withBasicConfig)
    .add('with variants', withVariants)
    .add('with dynamic content', withDynamicContent)
    .add('with ng-content', withNgContent)
    .add('with full config', withFullConfig);

Source File: app.module.ts From careydevelopmentcrm with MIT License

6 votes

@NgModule({
  declarations: [
    AppComponent,
    MenuListItemComponent,
    FeaturesComponent,
    ConfirmationDialogComponent
  ],
  imports: [
    BrowserModule,
    FlexLayoutModule,
    HttpClientModule,
    AppRoutingModule,
    BrowserAnimationsModule,
    MatToolbarModule,
    MatSidenavModule,
    MatListModule,
    MatIconModule,
    MatDialogModule,
    MatButtonModule,
    MatNativeDateModule,
    BreadcrumbModule,
    UserModule.forRoot({ baseUrl: environment.baseUserServiceUrl }),
    AuthModule.forRoot({ baseUrl: environment.baseUserServiceUrl }),
    GeoModule.forRoot({ baseUrl: environment.baseGeoServiceUrl }),
    ValidationModule.forRoot({ fieldSummaries : allFieldSummaries })
  ],
  providers: [
    { provide: HTTP_INTERCEPTORS, useClass: JwtInterceptor, multi: true },
    { provide: HTTP_INTERCEPTORS, useClass: HttpErrorInterceptor, multi: true }
  ],
    bootstrap: [AppComponent]
})
export class AppModule { }

Source File: _module.stories.ts From angular-component-library with BSD 3-Clause "New" or "Revised" License

6 votes

storiesOf(`${COMPONENT_SECTION_NAME}/Score Card`, module)
    .addDecorator(
        moduleMetadata({
            imports: [
                ScoreCardModule,
                HeroModule,
                InfoListItemModule,
                UtilModule,
                MatIconModule,
                MatListModule,
                MatButtonModule,
                CommonModule,
            ],
        })
    )
    .addDecorator(withKnobs)
    // @accessibility
    .addDecorator(withA11y)
    .addDecorator(storyWrapper())
    .addDecorator(scorecardContainer())
    .addParameters({
        ...STORY_PARAMS,
        notes: { markdown: getReadMe('ScoreCard.md') },
    })
    .add(README_STORY_NAME, getReadMeStory)
    .add(WITH_MIN_PROPS_STORY_NAME, withBasicConfig)
    .add('with custom header', withCustomHeader)
    .add('with actions', withActions)
    .add('with heroes', withHeroes)
    .add('with score badge', withScoreBadge)
    .add(WITH_FULL_CONFIG_STORY_NAME, withFullConfig);

Source File: components.module.ts From leapp with Mozilla Public License 2.0

5 votes

@NgModule({
  declarations: [
    SessionsComponent,
    SessionCardComponent,
    FilteringPipe,
    OrderingPipe,
    QueryingPipe,
    DetailPipe,
    ConfirmationDialogComponent,
    InputDialogComponent,
    UpdateDialogComponent,
    SnackbarComponent,
    CommandBarComponent,
    SideBarComponent,
    OptionsDialogComponent,
    CreateDialogComponent,
    EditDialogComponent,
    FilterMenuComponent,
    SegmentDialogComponent,
    ColumnDialogComponent,
    LeappSelectComponent,
    IntegrationBarComponent,
    CredentialProcessDialogComponent,
  ],
  imports: [
    CommonModule,
    FormsModule,
    NgSelectModule,
    TooltipModule.forRoot(),
    ReactiveFormsModule,
    BsDropdownModule.forRoot(),
    ModalModule.forRoot(),
    NgxJsonViewerModule,
    MatTabsModule,
    MatIconModule,
    MatCheckboxModule,
    MatButtonModule,
    MatMenuModule,
    MatListModule,
    MatExpansionModule,
    MatButtonToggleModule,
    MatTooltipModule,
  ],
  exports: [ConfirmationDialogComponent, InputDialogComponent, CommandBarComponent, SideBarComponent, SessionsComponent],
})
export class ComponentsModule {}

@angular/material/list#MatListModule TypeScript Examples