@angular/material/menu#MatMenuModule TypeScript Examples

The following examples show how to use @angular/material/menu#MatMenuModule. 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: dashboard.module.ts From angular-material-admin with MIT License

6 votes

@NgModule({
  declarations: [
    DashboardPageComponent,
    VisitsChartComponent,
    PerformanceChartComponent,
    ServerChartComponent,
    RevenueChartComponent,
    DailyLineChartComponent,
    SupportRequestsComponent,
    ProjectStatChartComponent
  ],
  imports: [
    CommonModule,
    MatTableModule,
    NgxEchartsModule,
    TrendModule,
    MatCardModule,
    MatIconModule,
    MatMenuModule,
    MatButtonModule,
    MatProgressBarModule,
    MatToolbarModule,
    MatGridListModule,
    MatSelectModule,
    MatInputModule,
    NgApexchartsModule,
    FormsModule,
    SharedModule
  ],
  exports: [
    DailyLineChartComponent
  ],
  providers: [
    DashboardService
  ]
})
export class DashboardModule { }

Example #2

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);

Example #3

Source File: full-screen-slick.component.spec.ts From flingo with MIT License

6 votes

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

    beforeEach(waitForAsync(() => {
        TestBed.configureTestingModule({
            imports: [SlickModule, MatButtonModule, MatCardModule, MatIconModule, MatMenuModule, MatIconModule],
            declarations: [FullScreenSlickComponent]
        }).compileComponents();
    }));

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

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

Example #4

Source File: view-contact-menu.component.spec.ts From careydevelopmentcrm with MIT License

6 votes

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

  beforeEach(async () => {
    await TestBed.configureTestingModule({
      declarations: [ViewContactMenuComponent],
      imports: [
        RouterTestingModule,
        MatMenuModule
      ],
      providers: [
      ]
    })
    .compileComponents();
  });

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

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

Example #5

Source File: center-slick.component.spec.ts From flingo with MIT License

6 votes

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

    beforeEach(waitForAsync(() => {
        TestBed.configureTestingModule({
            imports: [SlickModule, MatButtonModule, MatCardModule, MatIconModule, MatMenuModule, MatIconModule],
            declarations: [CenterSlickComponent]
        }).compileComponents();
    }));

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

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

Example #6

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 #7

Source File: workspace-murri.module.ts From flingo with MIT License

6 votes

@NgModule({
    imports: [
        CommonModule,
        RouterModule.forChild(MuuriRoutes),
        MuuriModule,
        MatCardModule,
        MatMenuModule,
        MatIconModule,
        MatButtonModule,
        MatProgressBarModule
    ],
    declarations: [DashboardComponent, StarWarsComponent]
})
export class WorkspaceMurriModule {}

Example #8

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

Example #9

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

Example #10

Source File: dxc-dropdown.module.ts From halstack-angular with Apache License 2.0

6 votes

@NgModule({
  declarations: [
    DxcDropdownComponent,
    DxcDropdownOptionComponent,
    DxcDropdownIconComponent,
  ],
  imports: [CommonModule, MatMenuModule, MatButtonModule],
  exports: [
    DxcDropdownComponent,
    DxcDropdownOptionComponent,
    DxcDropdownIconComponent,
  ],
})
export class DxcDropdownModule {}

Example #11

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

Example #12

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 #13

Source File: team-advance.module.ts From fyle-mobile-app with MIT License

6 votes

@NgModule({
  imports: [
    CommonModule,
    FormsModule,
    IonicModule,
    TeamAdvancePageRoutingModule,
    MatRippleModule,
    SharedModule,
    MatSelectModule,
    MatFormFieldModule,
    MatInputModule,
    FormsModule,
    ReactiveFormsModule,
    MatMenuModule,
    MatButtonModule,
  ],
  declarations: [TeamAdvancePage, TeamAdvCardComponent],
})
export class TeamAdvancePageModule {}

Example #14

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

6 votes

@NgModule({
    declarations: [
        TourAnchorMatMenuDirective,
        TourStepTemplateComponent,
        TourAnchorOpenerComponent
    ],
    exports: [
        TourAnchorMatMenuDirective,
        TourStepTemplateComponent,
        TourModule
    ],
    imports: [
        CommonModule,
        TourModule,
        MatMenuModule,
        MatCardModule,
        MatButtonModule,
        MatIconModule
    ]
})
export class TourMatMenuModule {
    public static forRoot(): ModuleWithProviders<TourMatMenuModule> {
        return {
            ngModule: TourMatMenuModule,
            providers: [
                TourStepTemplateService,
                TourBackdropService,
                TourService,
                NgxmTourService
            ]
        };
    }
}

Example #15

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 #16

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

6 votes

@NgModule({
    declarations: [
        NgxMatTimepickerAppComponent,
        CodeViewerComponent
    ],
    imports: [
        BrowserModule,
        BrowserAnimationsModule,
        CommonModule,
        FormsModule,
        //
        MatButtonModule,
        MatCardModule,
        MatFormFieldModule,
        MatInputModule,
        MatIconModule,
        MatMenuModule,
        MatSelectModule,
        MatToolbarModule,
        MatTooltipModule,
        //
        NgxMatTimepickerModule.setLocale("it-IT"),
    ],
    providers: [],
    bootstrap: [NgxMatTimepickerAppComponent]
})
export class NgxMatTimepickerAppModule {
}

Example #17

Source File: app.module.ts From responsive-toolbar with MIT License

6 votes

@NgModule({
  declarations: [
    AppComponent,
    ResponsiveToolbarComponent
  ],
  imports: [
    BrowserModule,
    BrowserAnimationsModule,
    MatToolbarModule,
    FlexLayoutModule,
    MatMenuModule,
    MatButtonModule,
    MatIconModule,
    MatDividerModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

Example #18

Source File: tensorflow_stats_module.ts From profiler with Apache License 2.0

6 votes

/** An op profile module. */
@NgModule({
  declarations: [TensorflowStats],
  imports: [
    CommonModule,
    MatButtonModule,
    MatDividerModule,
    MatIconModule,
    MatMenuModule,
    ChartModule,
    ExportAsCsvModule,
    FlopRateChartModule,
    ModelPropertiesModule,
    OperationsTableModule,
    StatsTableModule,
  ],
  exports: [TensorflowStats]
})
export class TensorflowStatsModule {
}

Example #19

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
]

Example #20

Source File: custom-material.module.ts From ledge with Mozilla Public License 2.0

6 votes

modules = [
  MatToolbarModule,
  MatButtonModule,
  MatMenuModule,
  MatProgressSpinnerModule,
  MatSliderModule,
  MatSidenavModule,
  MatIconModule,
  MatDialogModule,
  MatCardModule,
  MatInputModule,
  MatTooltipModule,
  MatTabsModule,
  MatSelectModule,
  MatFormFieldModule,

  ScrollingModule,
]

Example #21

Source File: dropdown-toolbar.module.ts From angular-component-library with BSD 3-Clause "New" or "Revised" License

6 votes

@NgModule({
    declarations: [DropdownToolbarComponent],
    imports: [
        CommonModule,
        MatToolbarModule,
        MatSelectModule,
        MatFormFieldModule,
        MatIconModule,
        MatMenuModule,
        SpacerModule,
    ],
    exports: [DropdownToolbarComponent],
})
export class DropdownToolbarModule {}

Example #22

Source File: app.component.spec.ts From TheHungryRecipesApp with GNU General Public License v3.0

6 votes

describe('AppComponent', () => {
  beforeEach(async(() => {
    TestBed.configureTestingModule({
      imports: [
        HttpClientTestingModule,
        RouterTestingModule,
        MatToolbarModule,
        MatIconModule,
        MatMenuModule,
        MatDividerModule,
        MatButtonModule
      ],
      declarations: [
        AppComponent,
        NavbarComponent
      ],
    }).compileComponents();
  }));

  it('should create the app', () => {
    const fixture = TestBed.createComponent(AppComponent);
    fixture.detectChanges();
    const app = fixture.debugElement.componentInstance;
    expect(app).toBeTruthy();
  });

  it(`should have as title and brand name 'The Hungry Recipes'`, () => {
    const fixture = TestBed.createComponent(AppComponent);
    fixture.detectChanges();
    const app = fixture.debugElement.componentInstance;
    const compiled = fixture.debugElement.nativeElement;
    expect(app.title).toEqual('The Hungry Recipes');
    expect(compiled.querySelector('a.brand').textContent).toEqual(app.title);
  });
});

Example #23

Source File: filter-menu.component.spec.ts From leapp with Mozilla Public License 2.0

6 votes

describe("FilterMenuComponent", () => {
  let component: FilterMenuComponent;
  let fixture: ComponentFixture<FilterMenuComponent>;

  beforeEach(async () => {
    await TestBed.configureTestingModule({
      declarations: [FilterMenuComponent],
      providers: [].concat(mustInjected()),
      imports: [MatMenuModule],
    }).compileComponents();
  });

  beforeEach(() => {
    fixture = TestBed.createComponent(FilterMenuComponent);
    component = fixture.componentInstance;
    component.data = [];
    fixture.detectChanges();
  });

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

Example #24

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

Example #25

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 #26

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 #27

Source File: alert-list.module.ts From VIR with MIT License

6 votes

@NgModule({
  declarations: [AlertListComponent],
  imports: [
    CommonModule,
    MatTreeModule,
    MatIconModule,
    MatButtonModule,
    MatDialogModule,
    ItemDetailsModule,
    ItemModule,
    MatTooltipModule,
    MatInputModule,
    MatSlideToggleModule,
    MatDividerModule,
    FormsModule,
    DragDropModule,
    ScrollingModule,
    MatButtonToggleModule,
    QuotaRuleModule,
    QuotaRuleDetailsModule,
    MatMenuModule,
  ],
  exports: [
    AlertListComponent,
  ],
})
export class AlertListModule {
}

Example #28

Source File: workspace-slick.module.ts From flingo with MIT License

6 votes

@NgModule({
    imports: [
        CommonModule,
        RouterModule.forChild(SlickRoutes),
        MatCardModule,
        MatMenuModule,
        MatIconModule,
        SlickModule,
        MatButtonModule
    ],
    declarations: [
        FixedWidthComponent,
        CenterSlickComponent,
        FullScreenSlickComponent,
        ShowThreeSlickComponent,
        VariableWidthSlickComponent,
        InfiniteCenterSlickComponent,
        RowsSlickComponent,
        SyncSlickComponent
    ]
})
export class WorkspaceSlickModule {}

Example #29

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

6 votes

@NgModule({
  declarations: [InfoDialogConsumerComponent],
  imports: [
    CommonModule,
    InfoDialogRoutingModule,
    ConsumerCommonModule,
    MatTooltipModule,
    MatSlideToggleModule,
    MatMenuModule,
    InfoDialogModule
  ]
})
export class InfoDialogConsumerModule { }