如何在Material Design Angular 6中设置时间选择器?

时间:2018-09-18 06:23:30

标签: angular material-design

我尝试在“材料设计角度6”主题中设置时间选择器模块,但我无法设置,因为在此主题中,使用 MAT 格式进行材料设计。

我为时间选择器使用了许多模块,但在材质主题上无法设置ngmd或其他模块。

1 个答案:

答案 0 :(得分:0)

方法ignite-ui-angular

npm install -g igniteui-cli 

app.module.ts

import { BrowserModule } from '@angular/platform-browser';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { NgModule } from '@angular/core';
import { AppComponent } from './app.component';

// Here we import the IgxGridModule, so we can use the igxGrid!
import { IgxGridModule } from 'igniteui-angular';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    BrowserAnimationsModule,
    IgxGridModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

组件

// app.module.ts

...
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { IgxTimePickerModule } from 'igniteui-angular';

@NgModule({
    ...
    imports: [..., BrowserAnimationsModule, IgxTimePickerModule],
    ...
})
export class AppModule {}

meeting.component.html

<igx-time-picker ></igx-time-picker>