材料设计不显示角度12
材料设计不显示角度12
提问于 2021-09-10 16:29:42
材料设计没有出现在角度12。嗨，我是新的角度(初学者)。我尝试在角度12上使用一些材料设计元素，但在我的测试应用程序中看不到材料设计的变化。
以下是复制的步骤：
- 我用
ng new test-anugular-mat创建了一个应用程序"test-anugular-mat“。 - 创建之后，我使用
ng add @angular/material向应用程序添加了角。在这里，我已经禁用了“字体样式”，并启用了“浏览器动画”。 - 在
MatButton中添加导入的app.module.ts
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { AppComponent } from './app.component';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { MatButton} from '@angular/material/button'
@NgModule({
declarations: [
AppComponent
],
imports: [
BrowserModule,
BrowserAnimationsModule,
MatButton
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }- 并在我的
index.html中添加了以下内容。
<h1>testing angular material</h1>
<p>testing angular material!!!</p>
<button mat-fab>test button</button>
<mat-card>Simple card</mat-card>这是我正在获得的输出，而不是使用ng serve时所需的角度按钮或卡片。
所以我应该得到材料设计，我在这里做的错误是什么？
回答 2
Stack Overflow用户
发布于 2021-09-10 16:52:02
您应该导入MatButtonModule而不是MatButton。请参阅正确的导入语法https://material.angular.io/components/button/api
Stack Overflow用户
发布于 2021-09-10 16:33:38
也许你弄错了“按钮垫……”中的“标签”？
试着
<button mat-button>test button</button>或
<button mat-fab>test button</button>编辑:你是直接把这个放在你的“index.html”里吗？您应该将测试代码放在您的"app.component.html"，中，而不是放在"index.html“中。
为了使用该材料卡，您还必须导入它的模块:从‘@角/材料/卡’导入{MatCardModule}；
您拥有这里中的所有信息组件
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/69135284
复制相关文章
相似问题
腾讯云开发者
