material-design – Jhipster / md-button不是已知元素

发布时间：2020-12-17 17:54:40 所属栏目：安全来源：网络整理

导读：您好我正在使用JHipster 4.0.1 我想将angular 2材料集成到我的home.component中. 我做了： ????????npm安装材料 ????????npm install angular2 / {core,button} htmlhead/headbody md-buttonHello /md-button/body/html 错误是：md-button不是已知元素解决

您好我正在使用JHipster 4.0.1

我想将angular 2材料集成到我的home.component中.

我做了：
????????npm安装材料
????????npm install angular2 / {core,button}

<html><head></head>
<body> 
<md-button>Hello </md-button></body></html>

错误是：md-button不是已知元素

解决方法

对于那些使用纱线而不是npm的人：

yarn add --exact @angular/material
yarn start

将angular材质模块导入src / main / webapp / app / shared / shared-libs.module.ts：

import { MaterialModule } from '@angular/material';

@NgModule({
    imports: [
        MaterialModule,...        ],exports: [
        MaterialModule,...

将主题添加到src / main / webapp / content / css / vendor.css中：

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

将一些MD元素添加到src / main / webapp / app / home.component.html：

<md-card>
        <button md-button class="mat-primary">Hello </button>
    </md-card>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!