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

前端之家收集整理的这篇文章主要介绍了material-design – Jhipster / 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>

猜你在找的Angularjs相关文章