如何在材料设计 Angular 6 中设置时间选择器？

Posted 2023-02-22

【中文标题】如何在材料设计 Angular 6 中设置时间选择器？

【英文标题】：How to set Time picker in Material design Angular 6?

【发布时间】：2019-02-22 02:38:16

【问题描述】：

我尝试在 Material Design Angular 6 主题中设置 时间选择器模块，但我无法设置，因为在此主题中使用 MAT 格式进行材料设计。

我用过很多时间选择模块，但是在材质主题中不能设置ng或md或其他模块。

【问题讨论】：

我不明白你的问题，请你试着解释一下是什么不工作

请说明您在使用这些模块时遇到了什么错误或异常，或者至少说明您使用这些模块的一些代码。

【参考方案1】：

接近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>