Jhipster / md-button 不是已知元素

Question

您好，我正在使用 JHipster 4.0.1

我想将 angular 2 material 整合到我的 home.component 中。

我做了： npm 安装 material npm 安装 angular2/{核心，按钮}

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

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

Answer 1

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

yarn add --exact @angular/material
yarn start

将 angular material 模块导入 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';

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

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

Jhipster / md-button 不是已知元素

Jhipster / md-button is not a known element

material-design

angular-material

jhipster

angular-material2