材料选择不显示在angular5组件上

材料选择不显示在angular5组件上,angular,angular-material,Angular,Angular Material,当我调用控制器时,我使用角材料模块作为选择选项,然后选择选项像文本段落一样并排出现 类型脚本文件: import { Component, OnInit, NgModule } from '@angular/core'; import { MatRadioModule } from '@angular/material/radio'; import { MatSelectModule } from '@angular/material'; @Component({ selector: 'a

当我调用控制器时,我使用角材料模块作为选择选项,然后选择选项像文本段落一样并排出现

类型脚本文件:

import { Component, OnInit, NgModule } from '@angular/core';
import { MatRadioModule } from '@angular/material/radio';
import { MatSelectModule } from '@angular/material';

@Component({
  selector: 'app-schedule-call',
  templateUrl: './schedule-call.component.html',
  styleUrls: ['./schedule-call.component.scss']
})


@NgModule({
  imports: [
    MatRadioModule,
    MatSelectModule
  ]
})


export class ScheduleCallComponent implements OnInit {
  foods = [
    {value: 'steak-0', viewValue: 'Steak'},
    {value: 'pizza-1', viewValue: 'Pizza'},
    {value: 'tacos-2', viewValue: 'Tacos'}
  ];
}
组成部分:


在使用任何@angular/material组件之前,请导入如下主题:

@import '~@angular/material/prebuilt-themes/deeppurple-amber.css';

有关在此自定义主题的更多信息:

是的,我已将此包含在样式sass文件中,但在检查时,我未看到任何更改,但在某些地方设计正在覆盖它是否在您的Angular CLI配置文件中?又名angular-cli.json
@import '~@angular/material/prebuilt-themes/deeppurple-amber.css';