无法在我的角项目中使用角材料答案

【问题标题】：Unable to use angular material in my angular project无法在我的角项目中使用角材料
【发布时间】：2021-06-12 00:35:20
【问题描述】：

我正在尝试在我的项目中使用棱角材料。我已完成以下所需设置。

安装：npm i -S @angular/material @angular/cdk @angular/animations
在 app.module.ts 中导入：import {MatCheckboxModule} from '@angular/material/checkbox'; 和 imports: [ BrowserModule, AppRoutingModule, FontAwesomeModule, MatCheckboxModule ],
在 app.component.ts 中： checked = false; labelPosition: 'before' | 'after' = 'after';
最后是 app.component.html：

以下是错误：

错误：src/app/app.component.html:104:1 - 错误 NG8001：'mat-card' 不是已知元素：

有人可以帮我解决这个问题吗？

注意：我也在同一个项目中使用引导程序，希望不会影响到这一点。

【问题讨论】：

标签： angular angular-material

【解决方案1】：

你必须包括 import {MatCardModule} from '@angular/material/card'; 了解更多信息 https://material.angular.io/components/card/api

【讨论】：

【解决方案2】：

你有配置问题：

你需要将它们添加到 module.ts 文件中并添加到 imports 中，如下所示：

        import { MatCardModule} from '@angular/material';
        
        @NgModule({
  imports:      [ BrowserModule, FormsModule, BrowserAnimationsModule, MatCardModule  ],
  declarations: [ AppComponent ],
  bootstrap:    [ AppComponent ]
})
export class AppModule { }

【讨论】：

【解决方案3】：

因此，感谢我得到的答案，我需要做的更改很少。

app.module.ts

...
import { FormsModule } from '@angular/forms';

//angular material
import {MatCardModule} from '@angular/material/card';
import {MatRadioModule} from '@angular/material/radio';

@NgModule({
  imports: [
BrowserModule,
FormsModule,
MatCardModule,
MatRadioModule
  ], . . .

【讨论】：