若 Angular Material 样式无法正常工作,可能是因为要使用 Angular Material 组件的样式,需要先在应用程序的样式表中显式地导入 Material 样式。示例如下:
npm install --save @angular/material @angular/cdk @angular/animations
"styles": [
"../node_modules/@angular/material/prebuilt-themes/indigo-pink.css",
"styles.css"
],
import { NgModule } from '@angular/core';
import { MatToolbarModule } from '@angular/material/toolbar';
import { MatIconModule } from '@angular/material/icon';
@NgModule({
imports: [
MatToolbarModule,
MatIconModule
],
exports: [
MatToolbarModule,
MatIconModule
]
})
export class MaterialModule { }
import { MaterialModule } from './material.module';
@NgModule({
imports: [
MaterialModule
],
...
})
export class AppModule { }
以上是一般的解决方案,可以根据实际情况进行相应修改。